#locality {
    position: relative;
    display: flex;
    align-items: end;
    width: 100%;
    height: var(--fullHeight);
    max-height: 700px;
    padding-bottom: 5%;
    overflow: hidden;
    background: transparent;
    color: #fff;
}

#locality .backImage {
    display: flex;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
}

#locality .backImage img {
    width: 100%;
}

#locality .content {
    position: absolute;
    display: flex;
    flex-direction: column;
    /* justify-content: end; */
    width: 100%;
    padding: 0 clamp(0px, 6vw, 40px);
    text-shadow: 0px 0px 15px #000;
    color: #fff;
}

#locality .content h2 {
    font-size: clamp(0px, 8vw, 33px);
    text-align: center;
}

#locality .content .preview {
    margin-top: 5vh;
    font-size: clamp(0px, 4.6vw, 18px);
    font-weight: 100;
    text-align: justify;
    line-height: clamp(0px, 7vw, 29px);
}

#locality .content .address {
    margin-top: 8vh;
    font-size: clamp(0px, 4vw, 17px);
    font-weight: 400;
    text-align: center;
}

#locality .overlay {
    position: absolute;
    inset: 0;
    /* border-image: fill 1 linear-gradient(0deg, #00000063 0%, #000000bd 100%); */
}