/* Example for the text overlay on images */
.location-card {
    position: relative;
    color: white;
}

.location-card img {
    width: 100%;
    filter: brightness(70%); /* Darken the image for text readability */
}

.location-card-text {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-size: 18px;
    font-weight: bold;
}