.card-item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.4); } .card-item .card-content { position: absolute; height: 100%; width: 100%; z-index: 9; top: 0; left: 0; } @media screen and (min-width: 1000px) { .card-item .object-cover { filter: blur(1px); transition: all 0.2s; } .card-item:hover .object-cover { transform: scale(1.02); filter: blur(0); } }