.covers { display: grid; justify-content: center; gap: 1em 0.5em; margin-top: 0.5rem; } .cover { background-size: cover; background-position: center; border-radius: 8px; aspect-ratio: 46 / 65; width: 100%; height: auto; object-fit: cover; } .cover-title { text-align: center; margin: 0.25rem; } .cover-card { display: inline-block; } .cover-card-image { border-radius: 8px; transition: transform 0.45s ease, box-shadow 0.45s ease; margin-bottom: 0.5em; } .cover-card-image:hover { transform: scale(1.1); position: relative; transition: transform 0.45s ease, box-shadow 0.45s ease; } .entry::after { content: ''; display: table; clear: both; } .countdown { white-space: nowrap; float: right; } .adult { filter: blur(10px) grayscale(50%) brightness(0.5); transition: filter 0.3s ease; } .adult:hover { filter: blur(0) !important; transition: filter 0.3s ease; } .cover-container { display: flex; justify-content: center; align-items: center; border-radius: 8px; aspect-ratio: 46 / 65; overflow: hidden; } button { margin-top: unset; vertical-align: unset; height: unset; }