/* Overlay container */
.scroll-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  display: flex;
}

/* Fade out after scroll opens */
.scroll-overlay.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
}

/* Scroll pieces */
.scroll-piece {
  position: absolute;
  top: 0;
  width: 49.51vw;
  height: 100vh;
  background:  #e7e6ec;
  opacity: 87%;
  transition: transform 2s ease-in-out;
  overflow: hidden;
  align-items: center;
  display:flex;
}


.scroll-left img{
 
    height: 100%;
    width: auto;
    display: block;
   

}
.scroll-right img {
    height: 100%;
    width: auto;
    display: block;

}

.scroll-left { left: 0; justify-content:right; display:flex;}
.scroll-right { right: 0; justify-content:left; display:flex;}



/* Slide apart animation */
.scroll-overlay.unfurling .scroll-left {
  transform: translateX(-100vw);
  transition: transform 1s ease-in;
}
.scroll-overlay.unfurling .scroll-right {
  transform: translateX(100vw);
  transition: transform 1s ease-in;
}