.cement-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 20px; justify-items: center; align-items: center; margin: 40px 0; } .cement-logos img { max-height: 50px; /* keep all logos uniform */ width: auto; object-fit: contain; filter: grayscale(100%); opacity: 0.9; transition: all 0.2s ease; } .cement-logos img:hover { filter: grayscale(0%); opacity: 1; }