/* html {
  scroll-snap-type: y mandatory;
} */

  body {
    overflow-x: hidden;
  }

  .section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    view-timeline: --section;
    height: 100dvh;
  }

  .content {
    position: fixed; 
    inset: 0;
    --contrast: 4;
    --blur: 0.5rem;
    animation: blink ease-in-out both;
    animation-timeline: --section;
    display: flex;
    justify-content: center;
  }

  @keyframes blink {
    0%, 100% {
      filter: blur(var(--blur)) contrast(var(--contrast));
      opacity: 0;
      visibility: hidden;
    }
    50% {
      filter: blur(0) contrast(1);
      opacity: 1;
      visibility: visible;
    }
  }

  .site-header label:last-of-type {
    view-timeline: --site-header inline;
  }

  .site-header::after {
    animation: fade-scroll ease-in-out both;
    animation-timeline: --site-header;
    animation-range: entry-crossing;
  }

  .section.active .content.first-img {
    animation: horizontal-scroll-first ease-in-out both;
    animation-timeline: --section;
  }
  .section.active .content.second-img {
    animation: horizontal-scroll-second ease-in-out both;
    animation-timeline: --section;
  }
  .section.active .content.third-img {
    animation: horizontal-scroll-third ease-in-out both;
    animation-timeline: --section;
  }

  @keyframes horizontal-scroll-first {
    0% {
      transform: translate3d(0, 90%, 0);
    }
    50% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-100%, 0, 0);
    }
  }
  @keyframes horizontal-scroll-second {
    0% {
      transform: translate3d(100%, 0, 0);
    }
    50% {
      transform: none;
    }
    100% {
      transform: translate3d(-100%, 0, 0);
    }
  }
  @keyframes horizontal-scroll-third {
    0% {
      transform: translate3d(100%, 0, 0);
    }
    50% {
      transform: none;
    }
    100% {
      transform: translate3d(0, -100%, 0);
    }
  }

  .horizontal-img {
    /* border-radius: 150px 125px !important; */
    margin-top: 0;
    margin-bottom: 0;
    /* width: 1251px !important; */
    /* height: 513px !important; */
    width: 90vw !important;
    object-fit: contain;
  }

  #horizontal-scroll-container {
    scroll-snap-type: x mandatory;
  }