.film-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-gap:2rem;margin:2rem}.film-grid-card{height:215px;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.25);display:grid;grid-template-rows:1fr 1fr;transition:.8s cubic-bezier(.2,.8,.2,1);cursor:pointer;color:white}.film-grid-card h3{font-size:24px;margin:20px 0 0 20px}.film-grid-card h3,.film-grid-card p{font-family:Poppins,sans-serif;z-index:1}.film-grid-card p{font-weight:400;font-size:16px;align-self:end;margin:0 0 20px 20px;letter-spacing:.5px;opacity:0}.film-grid-card img,.film-grid-card p{transition:.8s cubic-bezier(.2,.8,.2,1)}.film-grid-card img{position:absolute;top:0;height:110%;width:100%;z-index:0;object-fit:cover}.film-grid-card:hover{transform:scale(1.035);box-shadow:0 15px 30px rgba(0,0,0,.5)}.film-grid-card:hover img{transform:translateY(-10px)}.film-grid-card:hover p{opacity:1}.film-grid-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%);z-index:0}