.SAME {
    display: block;
    max-width: 680px;
    width: 100%;
    height: 300px;
    white-space: pre-wrap;
    word-break: break-all;
    text-align: justify;
    background-image: url("img/same.jpg");
    background-attachment: local;
    overflow: auto;
    padding: 20px;
    margin: 0 auto;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
}

.marquee-content {
    display: flex;
    animation: marquee-effect 150s linear infinite;
    width: max-content;
}

@keyframes marquee-effect {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

.marquee-content img {
    max-width: 500px;
    max-height: 300px;
}
.marquee-content figcaption, .marquee-content figure {
    width: auto;
}