html {
    scroll-behavior: smooth;
}

#comic {
  background-color: #357574;
  background-image: radial-gradient(#357574 20%, #357574 50%, rgba(0, 0, 0, 0.5) 100%);
  background-size: 120%;
  background-position: center;
  z-index: 1;
  padding: 40px 0 40px 0;
  position: relative;
}

#comic-images {
  pointer-events: none;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  opacity: 0.5;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  background-image: url("/storage/brands/comic4.jpg");
  animation: flicker-images 1500ms steps(1, end) infinite, fade-out 4500ms infinite;
}

@keyframes fade-out {
  100% {
    opacity: 0;
  }
}

@keyframes flicker-images {
  0% {
    background-image: url("/storage/brands/comic1.jpg");
  }
  10% {
    background-image: url("/storage/brands/comic2.jpg");
  }
  20% {
    background-image: url("/storage/brands/comic3.jpg");
  }
  30% {
    background-image: url("/storage/brands/comic4.jpg");
  }
  40% {
    background-image: url("/storage/brands/comic5.jpg");
  }
  50% {
    background-image: url("/storage/brands/comic6.jpg");
  }
  60% {
    background-image: url("/storage/brands/comic7.jpg");
  }
  70% {
    background-image: url("/storage/brands/comic8.jpg");
  }
  80% {
    background-image: url("/storage/brands/comic9.jpg");
  }
  90% {
    background-image: url("/storage/brands/comic10.jpg");
  }
}

.mobile-only-v {
    display: none!important;
}

/* Show on mobile devices */
@media (max-width: 991.98px) {
    .mobile-only-v {
        display: list-item!important;
    }

}