scrolling-panels {
  --scrolling-panels-transition-duration: 1.5s;
}

scrolling-panels .img-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

scrolling-panels img {
  align-self: start;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

scrolling-panels img:only-child {
  margin: 0 auto;
}

scrolling-panels .desktop {
  display: block;
}

@media (max-width: 600px) {
  scrolling-panels .desktop {
    display: none;
  }
  scrolling-panels .mobile-start {
    justify-content: start !important;
  }
  scrolling-panels .mobile-end {
    justify-content: end !important;
  }
}