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

.marquee__inner {
  display: flex;
  animation: scroll 12s linear infinite;
}

.marquee__inner img {
  width: 1600px;   /* adjust as needed */
  height: auto;
  flex-shrink: 0;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-25%);
  }
}

body {
  background-color: #f77622;
  color: black;
  font-family: Impact;
  background-image: url("SMWar_BG.png");
background-repeat: repeat;
@media (prefers-reduced-motion: no-preference){}

}


ul {
  list-style-type: none;
}

a {
    color: black;
}