.album-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: clamp(1rem, 2vw, 2rem);
}

.album-card img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
}

.album-card {
    transition: transform 0.2s ease;
    text-align: center;
}

.album-card:hover {
    transform: scale(1.01);
}

.no-cover {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.album-cover-images {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-rows: 300px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cover-img-1,
.cover-img-2,
.cover-img-3 {
    display: block;
}

@media (max-width: 2000px) {
    .cover-img-3 {
        display: none;
    }
}

@media (max-width: 1500px) {
    .cover-img-2 {
        display: none;
    }
}

@media (max-width: 860px) {
    .album-grid {
        grid-template-columns: repeat(1, minmax(220px, 1fr));
    }
}
@media (min-width: 861px) {
    .album-grid > a:nth-last-child(1):nth-child(odd) {
        width: calc((80vw - 5rem - clamp(1rem, 2vw, 2rem)) / 2);
        grid-column: span 2;
        justify-self: center;
    }
}