.images-with-text-scroll__section {
  --container-gutter: 3rem;
}
  .images-with-text-scroll__section.genstore-container {
    padding: 0px !important;
  }
  .images-with-text-scroll__section .link{
    box-shadow: none;
    border-bottom: 1px solid var(--genstore-neutral-texticon-900);
    width: fit-content;
  }
  .images-with-text-scroll__section .desktop-image{
    opacity: 1;
  }
  .images-with-text-scroll__section .mobile-image{
    opacity: 0;
  }
  .images-with-text-scroll__section .contents {
    display: contents;
  }
  .images-with-text-scroll__section .images-with-text-scroll{
    min-height: 100vh;
    align-items: start;
    display: grid;
    position: relative;
  }
  .images-with-text-scroll__section .images-with-text-scroll::before{
      content: '';
      background: rgb(var(--images-with-text-scroll-overlay));
      z-index: 2;
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  .images-with-text-scroll__section .images-with-text-scroll__image-background{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    position: sticky;
    inset-block-start: 0;
    z-index: 1;
  }
  .images-with-text-scroll__section .images-with-text-scroll__image-background, .images-with-text-scroll__section .images-with-text-scroll__container{
    grid-area: 1 / -1;
    z-index: 1;
    place-items: start center;
    row-gap: 2rem;
    display: grid;
  }
  .images-with-text-scroll__section .images-with-text-scroll__container{
    --image-width: min(calc(50vw - calc(var(--header-height, 0px) + 50px)), 600px);
    --image-height: min(var(--image-width), var(--image-width) / var(--images-with-text-scroll-master-image-ratio));
    --content-padding: calc((100vh - var(--image-height)) / 2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    align-items: center;
    padding-block-start: var(--content-padding);
    padding-block-end: var(--content-padding);
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    column-gap: 3rem;
    row-gap: 3rem;
    z-index: 3;
  }
  .images-with-text-scroll__section .images-with-text-scroll__item{
    display: contents;
  }
  .images-with-text-scroll__section .images-with-text-scroll__image[data-show='1']{
    opacity: 1;
  }
  .images-with-text-scroll__section .images-with-text-scroll__image {
    grid-area: var(--images-with-text-scroll-grid-area-image);
    align-self: center;
    height: var(--image-height);
    object-fit: contain;
    object-position: center;
    position: sticky;
    inset-block-start: var(--content-padding);
    transition: opacity 0.1s ease-in-out;
    opacity: 0;
  }
  .images-with-text-scroll__section .images-with-text-scroll__text {
    grid-area: var(--images-with-text-scroll-grid-area-text);
    max-width: 480px;
    opacity: var(--text-opacity,1);
    display: flex;
    flex-direction: column;
    gap: var(--genstore-spacing-vertical-800, 16px);
    width: 100%;
    text-align: var(--images-with-text-scroll-text-alignment);
    justify-content: var(--images-with-text-scroll-text-alignment);
    align-items: var(--images-with-text-scroll-text-alignment);
  }
  .images-with-text-scroll__section .carousel-indicators{
    display: none;
  }
@media only screen and (max-width: 780px) {
    .images-with-text-scroll__section .images-with-text-scroll__container{
      grid-template-columns: repeat(1, minmax(0, 1fr));
      padding-block-start: 2.5rem;
      padding-block-end: 2.5rem;
      height: auto;
    }
    .images-with-text-scroll__section .desktop-image{
      opacity: 0;
    }
    .images-with-text-scroll__section .mobile-image{
      opacity: 1;
    }
    .images-with-text-scroll__section .images-with-text-scroll{
      min-height: auto;
    }
    .images-with-text-scroll__section .images-with-text-scroll__item{
      --image-width: min(calc(100vw - calc(var(--header-height, 0px) )), 600px);
      --image-height: min(var(--image-width), var(--image-width) / var(--images-with-text-scroll-master-image-ratio));
      --content-padding: calc(var(--image-height) / 2);
      padding-block-start: var(--header-height);
      padding-block-end: var(--header-height);
      opacity: 0;
      grid-area: 1 / 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 2rem;
      height: auto;
      transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
      width: 100%;
    }
    .images-with-text-scroll__section .images-with-text-scroll__item.isSelected{
      opacity: 1;
    }
      .images-with-text-scroll__section .images-with-text-scroll__item.isSelected .images-with-text-scroll__image{
        opacity: 1 !important;
      }
    .images-with-text-scroll__section .images-with-text-scroll__image {
      position: relative;
      inset-block-start: 0;
      max-width: 100%;
    }
    .images-with-text-scroll__section .images-with-text-scroll__text {
      max-width: 100%;
      transition-duration: 0.45s;
      transition-property: transform, opacity;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transform: translateY(var(--text-translate-y,80px));
      opacity: var(--text-opacity,1);
    }
    .images-with-text-scroll__section .carousel-indicators{
      display: flex;
      z-index: 3;
    }
}
