.posters{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem}
.posters-poster{background-color:#e1bc3e;display:flex;justify-content:center;align-items:center;position:relative;width:50%;height:90vh;transition:.3s ease-in-out;border-radius:.6rem}
.posters-poster-hidden{position:absolute;opacity:0;top:0;left:0;right:3.2rem;bottom:3.2rem;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s ease-in-out;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.posters-poster-hidden p{color:#fff;text-align:center;margin:0}
.posters-poster:hover .posters-poster-hidden{opacity:1;right:0;bottom:0;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-heading{top:7.2rem;left:7.2rem;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-button{bottom:7.2rem;right:7.2rem;transition:.3s ease-in-out}
.posters-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.6rem}
.posters-poster-heading{position:absolute;top:6.4rem;left:6.4rem;transition:.3s ease-in-out}
.posters-poster-button{position:absolute;bottom:6.4rem;right:6.4rem;display:flex;gap:.6rem;align-items:center;justify-content:center;font-size:1.4rem;line-height:1.9rem;font-weight:500;color:#1b1309;text-transform:uppercase;text-underline-offset:.5rem;transition:.3s ease-in-out}
@media screen and (max-width:990px){
.posters{width:100%;display:flex;flex-direction:column;gap:1.6rem}
.posters-poster{background-color:#e1bc3e;display:flex;position:relative;width:100%;height:50vh;transition:.3s ease-in-out;border-radius:.6rem}
.posters-poster-hidden{position:absolute;opacity:1;top:0;left:0;right:0;bottom:0}
.posters-poster-heading{position:absolute;top:2.4rem!important;left:2.4rem!important;transition:.3s ease-in-out}
.posters-poster-button{position:absolute;bottom:2.4rem!important;right:2.4rem!important}
}
.posters{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem}
.posters-poster{background-color:#e1bc3e;display:flex;justify-content:center;align-items:center;position:relative;width:50%;height:90vh;transition:.3s ease-in-out;border-radius:.6rem}
.posters-poster-hidden{margin:0;font-family:Lexik,sans-serif,serif;font-size:4rem;line-height:120%;font-weight:400;position:absolute;opacity:0;top:0;left:0;right:3.2rem;bottom:3.2rem;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-heading{top:7.2rem;left:7.2rem;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-hidden{opacity:1;right:0;bottom:0;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-heading{top:7.2rem;left:7.2rem;transition:.3s ease-in-out}
.posters-poster:hover .posters-poster-button{bottom:7.2rem;right:7.2rem;transition:.3s ease-in-out}
.posters-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.6rem}
.posters-poster-heading{position:absolute;top:6.4rem;left:6.4rem;transition:.3s ease-in-out}
.posters-poster-button{position:absolute;bottom:6.4rem;right:6.4rem;display:flex;gap:.6rem;align-items:center;justify-content:center;font-size:1.4rem;line-height:1.9rem;font-weight:500;color:#1b1309;text-transform:uppercase;text-underline-offset:.5rem;transition:.3s ease-in-out}
@media screen and (max-width:990px){
.posters{width:100%;display:flex;flex-direction:column;gap:1.6rem}
.posters-poster{background-color:#e1bc3e;display:flex;position:relative;width:100%;height:50vh;transition:.3s ease-in-out;border-radius:.6rem}
.posters-poster-hidden{position:absolute;opacity:1;top:0;left:0;right:0;bottom:0;font-size:3.25rem}
.posters-poster-heading{position:absolute;top:2.4rem!important;left:2.4rem!important;transition:.3s ease-in-out}
.posters-poster-button{position:absolute;bottom:2.4rem!important;right:2.4rem!important}
}