.image-overlay-section{text-align:center}.image-overlay-section .section-heading{color:#000;font-family:Outfit;font-size:36px;font-style:normal;font-weight:700;line-height:40px;text-transform:uppercase;margin:40px auto;text-align:center}.image-overlay-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(var(--mobile-columns),1fr)}.image-overlay-item{position:relative;overflow:hidden;border-radius:1rem;height:250px}.image-overlay-item img{width:100%;height:100%;display:block;transition:transform .4s ease;object-fit:cover;object-position:0% 10%}.image-overlay-item:hover img{transform:scale(1.05)}.image-overlay-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;transition:opacity .3s ease}.image-overlay-item:hover:before{opacity:1}.image-overlay-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7;background:#fff;color:#000;padding:.75rem 3.5rem;font-size:22px;border-radius:2rem;text-decoration:none;font-weight:500;transition:opacity .3s ease,background .3s ease}.image-overlay-item:hover .image-overlay-button{opacity:1}@media (max-width: 768px){.image-overlay-section .section-heading{font-size:26px;margin:16px 0 10px}}@media (min-width: 450px){.image-overlay-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/33/compiled_assets/styles.css.map */
