.lost-animal-header {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}

.lost-animal-header > h2 {
    padding-top: 40px;
    padding-bottom: 30px;
    font-size: 2em;
}

.text-overlay-image-text {
    margin: auto auto;

    font-size: 3vw;

    font-weight: bold;
    font-size: clamp(1.1rem, 4.5vw, 4rem);
}

.text-overlay-image {
    background-image: url('../images/dog-2606759.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    
    padding: 15vw 0px;
    background-position-y: 40%;

}

#lost-animal-image-id {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    height: auto;
    background-image: url('../images/dog-2606759.jpg');
    padding: 18% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
} 

@media screen and (min-width: 0px) {
    .lost-animal-info {
        padding: 15px 23px 0px 23px;
    }
}

@media screen and (min-width: 400px) {
    .lost-animal-info {
        padding: 20px 50px 0px 50px;
    }
}

@media screen and (min-width: 800px) {
    .lost-animal-info {
        padding: 20px 150px 0px 150px;
    }
}

@media screen and (min-width: 1200px) {
    .lost-animal-info {
        padding: 40px 300px 0px 300px;
    }
}

.lost-animal-image-text {
    color: white;
    text-align: center;
    /* font-size: clamp(1.5rem, 10vw, 5rem); */
    font-size: 3vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

.lost-animal-info {
    color: #39873c;
    font-family: 'Times New Roman', Times, serif;
}

.lost-animal-tip {
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 1.3rem;

}

.lost-animal-tip-info {
    padding-bottom: 20px;
    font-size: 1.1rem;
}