.places-listing-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: clamp(430px, 56vw, 680px);
    max-width: none;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(5rem, 10vw, 9rem) max(6vw, 2rem) clamp(3.5rem, 7vw, 6rem);
    color: #fff;
    background-image: linear-gradient(90deg, rgba(7, 35, 30, .82) 0%, rgba(7, 35, 30, .48) 50%, rgba(7, 35, 30, .18) 100%), url('/assets/images/historic-villages-hero.webp');
    background-position: center;
    background-size: cover;
}

.places-listing-hero > p:last-child {
    max-width: 760px;
    color: #fff;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .25);
}

@media (max-width: 700px) {
    .places-listing-hero {
        min-height: 430px;
        background-position: 58% center;
    }
}