.brands{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.brand-container{z-index:1;background:#000;border-radius:10px;justify-content:center;align-items:center;height:200px;padding:10px;display:flex;position:relative;overflow:hidden}.brand-container:hover .brand-name{opacity:0;filter:blur(25px);pointer-events:none}.brand-container:hover .brand-bg{filter:brightness()}.brand-name{font-size:1.5rem;font-weight:600;transition:opacity .5s,filter .5s}.brand-bg{z-index:-1;object-fit:cover;object-position:center;filter:brightness(.5);width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}@media screen and not (min-width:1200px){.brands{grid-template-columns:repeat(3,1fr)}}@media screen and not (min-width:900px){.brands{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:600px){.brands{grid-template-columns:repeat(1,1fr)}}