.products{--gap:20px;--columns:4;flex-wrap:wrap;gap:var(--gap);display:flex}.product{position:relative;width:calc(100%/var(--columns) - var(--gap) + var(--gap)/var(--columns))}.product img,.product:after{height:100%;width:100%}.product:after{content:"";position:absolute;top:0;background:#00000042;left:0;display:block;z-index:1}.product:hover:after{background:#0000008f}.product span{transform:translate(-50%,-50%);font-size:1.5rem;text-decoration:none;font-weight:700;color:#fff;position:absolute;text-align:center;top:50%;left:50%;width:80%;z-index:2}@media (max-width:991px){.products{--columns:2}}@media (max-width:480px){.products{--columns:1}}