.HomePage-bg-image {
  background-color: rgb(190, 46, 46);
  padding-top: 20%;
  padding-bottom: 20%;

  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/GamewarriorsLogo.webp);
}
#main {
  background-color: #f3f4f6;
}
@media (max-width: 810px) {
  .HomePage-bg-image {
    padding-top: 30%;
    padding-bottom: 30%;
  }
}

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

@media (min-width: 640px) {
  @keyframes carousel-auto-scroll {
    from {
      transform: translateX(5%);
    }
    to {
      transform: translateX(-555%);
    }
  }
}

@media (min-width: 768px) {
  @keyframes carousel-auto-scroll {
    from {
      transform: translateX(5%);
    }
    to {
      transform: translateX(-530%);
    }
  }
}

.auto-scroll {
  animation: 25s carousel-auto-scroll infinite linear;
}

@media (min-width: 640px) {
  .auto-scroll {
    animation: 15s carousel-auto-scroll infinite linear;
  }
}
@media (min-width: 768px) {
  .auto-scroll {
    animation: 25s carousel-auto-scroll infinite linear;
  }
}