 
  .full-width2 {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: calc(100vw - 10px);
    position: relative;
    right: 50%;
    width: 100vw;
    overflow: clip;
    image-rendering: -webkit-optimize-contrast;
    -webkit-transform: translate3d(0,0,0);
  }

.img-80vw {
  position:relative;
  left:50%;
  right:50%;
  width:80vw;
  margin-left:-40vw;       /* half the width */
  margin-right:-40vw;
  height:auto;
  transform:none;
}

  /* Quick-zoom Container */
  .img-hover-zoom--quick-zoom img {
    transform-origin: 44vw 35vw;
    transition: transform 1.50s, visibility 0.50s ease-in;    
  }
  
  /* The Transformation 
  .img-hover-zoom--quick-zoom:hover img {
    transform: scale(2.7) rotate(10deg);
    overflow: hidden;
  }
  */
  

  #block2 {
    background-color: transparent;
    position: sticky;
    top: 0px;
    width: 100vw;
    height: 100vh;
    left: 0px;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow-x: hidden;
    overflow-y: hidden;
}

#buffer2 {
    background-color: transparent;
    height: 4500px;
    top: 0px;
}
 /* 

#markerImageM27 {
    background-color: rgb(32, 3, 100);
    height: 0px;
    width: 700px;
    position: relative;
    top:0px;
}

#markerImageM27-2 {
    background-color: rgb(4, 63, 139);
    height: 50px;
    width: 700px;
    position: relative;
    top:0px;
}
  

      #block1 {
          background-color: lightblue;
          position: sticky;
          top: -50px;
      }
  
      #buffer1 {
          background-color: red;
          height: 2400px;
          top: 0px;
      }
  
      #overlay1 {
          position: absolute;
          opacity: 0;
      }
  
      #overlay2 {
          position: absolute;
          opacity: 0;
      }
  
      #overlay3 {
          position: absolute;
          opacity: 0;
      }
  
      #overlay4 {
          position: absolute;
          opacity: 0;
      }

      */