.highlight.diagonal-move{transition:transform 1s ease-in-out}.gallery .main-image{position:relative}.gallery .main-image div#mainText{bottom:20px;color:#fff;font-size:20px;left:20px;max-width:380px;position:absolute;z-index:9}.gallery .main-image:after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.6) 40%,rgba(0,0,0,.3) 70%,transparent);bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.thumb-wrapper{flex:0 0 16.66%;position:relative}.highlight{border:2px solid orange;inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease}.thumb-wrapper.active .highlight,.thumb-wrapper.active .thumb{opacity:1}.gallery{margin:auto;width:100%}.main-image img{background:#eee;height:600px;object-fit:cover;width:100%}.thumbnails{display:flex;flex-wrap:wrap;margin-top:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.thumb{cursor:pointer;height:150px;object-fit:cover;transition:.3s;width:100%}.thumb.active{border:2px solid orange;opacity:1;position:relative;transition:all .5s ease}.thumb-wrapper .thumb-text{display:none}