.card{cursor:pointer;position:relative;display:flex;align-items:flex-end;width:480px;height:280px;overflow:hidden;transition:.4s ease-in-out}.inactive .card__background:hover{filter:blur(1px) grayscale(.4)}.card__background{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;transition:.4s ease-in}.inactive .card__background{filter:blur(2px) grayscale(1)}.card p{color:#fff;font-weight:600;text-shadow:0px 0px 5px rgba(0,0,0,.6);margin:1rem;z-index:1}.showcase{display:grid;grid-template-columns:repeat(3,1fr);justify-items:stretch;gap:6rem;margin:4rem}@media screen and (max-width:480px){.card{width:calc(100vw - 3rem)}.showcase{margin:1.5rem 1.5rem 4.5rem;gap:2rem;grid-template-columns:1fr}}