.film-card {
 position: relative;
 height: 200px;
 background-size: cover;
 background-position: center;
 color: white;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.5rem;
 font-weight: bold;
 cursor: pointer;
}
.film-card::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.6);
}
.film-title {
 position: relative;
 z-index: 1;
}