.gallery{grid-gap:.4rem;display:grid;grid-template-columns:repeat(8,1fr)}.dot1,.dot2,.dot3,.dot4{background-color:#bbb;border-radius:50%;cursor:pointer;display:none;height:15px;margin:0 2px;transition:background-color .6s ease;width:15px}.gallery-carroussel,.next,.prev{display:none}.gallery__image img{height:100%;object-fit:cover;width:100%}.gallery__image:first-child{grid-column:span 2;grid-row:span 2}.gallery__image:nth-child(2){grid-column:span 2;grid-row:span 1}.gallery__image:nth-child(3){grid-column:span 4;grid-row:span 1}.gallery__image:nth-child(4){grid-column:span 4}.gallery__image:nth-child(5){grid-column:span 2}.container{height:100%;position:relative}.image{display:block;height:auto;width:100%}.gallery-overlay{background-color:#00b4c461;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:.5s ease;width:100%}@media screen and (max-width:900px){.gallery-text{font-size:18px!important}}.container:hover .gallery-overlay{opacity:1}.gallery-text{color:#fff;font-size:1.2vw;font-weight:600;left:50%;letter-spacing:3px;position:absolute;text-align:center;text-transform:uppercase;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:450px){.dot1,.dot2,.dot3,.dot4{display:inline-block}.gallery-carroussel,.next,.prev{display:block}.next,.prev{border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:-22px;padding:16px;position:absolute;top:50%;transition:.6s ease;user-select:none;width:auto}.next{border-radius:3px 0 0 3px;right:0}.gallery{grid-gap:0;display:flex;overflow-x:auto;position:relative}.gallery::-webkit-scrollbar{height:10px;width:0}.active,.dot:hover{background-color:#717171}.gallery>a>div{align-items:center;background:#eee;border-radius:10px;display:flex;flex-shrink:0;font-size:100px;height:300px;justify-content:center;margin:10px;position:relative;scroll-snap-align:start;transform:scale(1);transform-origin:center center;transition:transform .5s;width:44vw}}