.location-card {
    aspect-ratio: 3 / 2;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-medium);
    overflow: hidden;
    border-radius: var(--border-radius-default);
    position: relative;

    @media (max-width: 640px) {
        padding: var(--spacing-default);
    }
}

.location-card img {
    transition-duration: var(--transition-duration);
}

.location-card .heading {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--font-size-h2);
    text-transform: uppercase;
}

.location-card .sub-heading {
    position: relative;
    color: var(--white);
}

.location-card .content {
    position: absolute;
    bottom: var(--spacing-small);
    right: var(--spacing-small);
}