.gallery-container{width:100%;margin:auto}.imgs img,.main-img img{width:100%;max-height:100%;border-bottom:2px solid transparent}.imgs{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px}@keyframes fadeIn{to{opacity:1}}.fade-in{opacity:0;animation:fadeIn .5s ease-in 1 forwards}.img-zoom{transition-duration:.5s}.img-zoom:hover{position:relative;margin:0 40%;z-index:999;transform:scale(1.9);transition-duration:.5s}.thumbnail{height:4em}@media (max-width:768px){.img-zoom:hover{margin:0;transform:scale(1)}.thumbnail{height:3em}}.next-img{position:absolute;top:50%;right:0;transform:translate(0,-50%);z-index:99}.previous-img{position:absolute;top:50%;left:0;transform:translate(0,-50%);z-index:99}.next-img i,.previous-img i{color:#fff;width:44px;height:50px;border-radius:50%;text-align:center;padding:10px;line-height:1.2;margin:7px;font-size:2rem;opacity:.7}.next-img i:hover,.previous-img i:hover{cursor:pointer;opacity:1;transition:0s}#animated-img{position:fixed;top:0;z-index:0;left:0;transition:.3s;z-index:9999}#animated-img.full-screen{left:0!important;top:0!important;width:100%!important;height:100%!important;transition:width .3s,height .3s,left .3s,top .3s;object-fit:cover}#animated-img img,#animated-img video{transform:translate(0,-50%);top:50%;position:relative}#animated-img img{max-height:100vh}#animated-img video{height:100%;width:100%;max-height:100vh}.modal-backdrop .fade{transition:.3s .3s ease-in-out}.modal-media-wrapper img{transition:0;max-height:100vh}