#hero-image {
    background-image: url("/images/pages/home/portal-maion-imoveis-home.webp");
    background-size: cover;
    background-position: center;
    height: 100vh;
}

@media screen and (max-width: 767px) {
    #text-home-resources {
        font-size: 0.7rem !important;
    }
}

@media screen and (max-width: 376px) {
    #hero-image {
        background-position: -350px;
    }
}

@media screen and (min-width: 377px) and (max-width: 415px) {
    #hero-image {
        background-position: -500px;
    }
}

@media screen and (min-width: 416px) and (max-width: 431px) {
    #hero-image {
        background-position: -570px;
    }
}

@media screen and (min-width: 767px) and (max-width: 819px) {
    #hero-image {
        background-position: -550px;
    }
}

@media screen and (min-width: 820px) and (max-width: 1023px) {
    #hero-image {
        background-position: -600px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #hero-image {
        background-position: -675px;
    }
}

@media screen and (min-width: 1024px) and (max-height: 600px) {
    #hero-image {
        background-position: 0px;
    }
}

.card-loc {
    position: relative;
    transition: all 0.5s;
}

.card-loc:hover {
    transform: scale(1.05);
}