.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;background:#0000008a;width:44px;height:50px;border-radius:50%;text-align:center;padding:10px;line-height:1.2;margin:7px}.next-img i:hover,.previous-img i:hover{background:#000000c4;cursor:pointer}