.image-carousel{
  display: grid;
  align-content: center;
  overflow: hidden;
  gap:5px;
}
.image-carousel .marquee{
  display: flex;
  overflow: hidden;
  user-select: none;
  gap:5px;
}
.image-carousel .marquee_group{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap:25px;
  min-width: 100%;
  animation: wahooscroll-x 40s linear infinite;
}
@keyframes wahooscroll-x{
  from{transform: translateX(0);}
  to{transform: translateX(calc(-100% - 5px));}
}
.image-carousel .wrapper{
  display: flex;
  flex-direction: column;
  gap:5px;
  margin: auto;
  padding: 0;
}

.image-carousel.dark-mode-on p,
.image-carousel.dark-mode-on li,
.image-carousel.dark-mode-on h1,
.image-carousel.dark-mode-on h2,
.image-carousel.dark-mode-on h3,
.image-carousel.dark-mode-on h4,
.image-carousel.dark-mode-on h5{
  color: #fff!important;
}
.image-carousel.dark-mode-on li {
  color: var(--lightgray)!important;
}