.vertical-gallery-container{color:#111;background:#eee;overflow:hidden;position:relative;height:100dvh}.vertical-gallery-container section{padding:10vw;height:100%;min-height:500vh;overflow:visible;display:flex;flex-direction:column;justify-content:center;overflow-y:visible}.vertical-gallery-container .credit{text-align:center;z-index:999;font-size:.8rem;position:absolute;bottom:1rem;right:1rem;writing-mode:vertical-rl;text-orientation:mixed}.vertical-gallery-container .credit a{color:#fff}.vertical-gallery-container *{box-sizing:border-box}.vertical-gallery-container h1{font-weight:800;margin:2rem auto;font-size:clamp(3vw,2rem,4rem);text-align:center;z-index:999;max-width:800px;mix-blend-mode:difference;pointer-events:none;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;display:grid;place-items:center}.vertical-gallery-container .gallery{z-index:1;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);overflow:visible}@media(max-width:768px){.vertical-gallery-container .gallery{width:160%}}.vertical-gallery-container .col{display:flex;flex:1;flex-direction:column;width:100%;align-self:flex-start;justify-self:flex-start}.vertical-gallery-container .col:nth-child(2){align-self:flex-end;justify-self:flex-end}.vertical-gallery-container .image{width:100%;filter:saturate(0);padding:1rem}.vertical-gallery-container .image:hover{z-index:99999999999!important;filter:saturate(1)}.vertical-gallery-container img{transition:.3s ease-out;overflow:hidden;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);width:100%}