.property--img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.67%;
    /* Proporção 3:2 (pode ajustar conforme necessário) */
    overflow: hidden;
}

/* Estilo para as imagens dentro do container */
.property--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Mantém a proporção da imagem e cobre o espaço disponível */
}

/* Ajustes para dispositivos móveis */
@media (max-width: 767px) {
    .property--img {
        padding-bottom: 75%;
        /* Proporção um pouco mais quadrada para mobile */
    }

    .property--content {
        padding: 15px;
    }

    .property--features ul li {
        width: 50%;
        /* 2 itens por linha em mobile */
        float: left;
        margin-bottom: 8px;
    }

    .property--features ul:after {
        content: "";
        display: table;
        clear: both;
    }
}

/* Assegura que os elementos do carrossel tenham alturas consistentes */
.carousel-dots .property-item {
    height: auto;
    display: flex;
    flex-direction: column;
}

.property--content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}