.section__content{display:flex;flex-direction:column;gap:20px;align-items:center;padding-bottom:20px}.section__content .section__heading p{font-size:40px;font-style:normal;font-family:Oswald,sans-serif;font-weight:700}.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:1rem;position:relative;width:800px;height:80vh;margin:auto;transition:all .4s}.img{width:100%;height:100%;background-size:cover;transition:all .4s;cursor:pointer;position:relative}.img img{width:100%;height:100%;object-fit:cover;transition:all .4s}.container:hover .img img{filter:grayscale(100%) opacity(24%);transition:all .4s}.container .img:hover img{filter:grayscale(0%) opacity(100%);transition:all .4s}.container:has(.box-1:hover){grid-template-columns:2fr 1fr 1fr 1fr}.container:has(.box-2:hover){grid-template-columns:1fr 2fr 1fr 1fr}.container:has(.box-3:hover){grid-template-columns:1fr 1fr 2fr 1fr}.container:has(.box-4:hover){grid-template-columns:1fr 1fr 1fr 2fr}.img:nth-child(odd){transform:translateY(-1rem)}.img:nth-child(2n){transform:translateY(1rem)}.img:after{content:attr(data-text);position:absolute;background-color:#000;color:#fff;padding:5px 8px;font-weight:600;letter-spacing:2px;text-transform:uppercase;left:50%;transform:translate(-50%);bottom:-50px;opacity:0;transition:all .6s}.img:hover:after{bottom:20px;opacity:1}@media only screen and (max-width: 768px){.container{width:fit-content;height:40vh;column-gap:5px}.section__content .section__heading p{font-size:20px}.img:after{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/swc-image-showcase.css.map */