@media only screen and (max-width: 768px) {
    #story2 {
        padding: 60px 20px;
        min-height: auto;
        background-position: center;
        display: block;
    }

    #story2 h2 {
        font-size: 36px;
        text-align: center;
    }

    #story2 p {
        font-size: 16px;
        text-align: justify;
    }

    #story2 .equipe {
        max-width: 100%;
        margin: 20px 0;
    }

    /* Remover carrossel no mobile e exibir todos os cards um abaixo do outro */
    #story2 .carousel-inner {
        display: block;
    }

    #story2 .carousel-item {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    /* Ocultar controles do carrossel no mobile */
    #story2 .carousel-control-prev,
    #story2 .carousel-control-next {
        display: none;
    }

    /* Ajustar o tamanho dos cards */
    #story2 .card {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    #story2 .card img.default,
    #story2 .card img.hover {
        max-width: 100px;
        max-height: 100px;
    }

    #story2 .card p {
        font-size: 14px;
        padding: 5px;
    }

    /* Ajustar a altura do carrossel para auto no mobile */
    #careerCarousel .carousel-inner {
        display: block;
    }

    /* Ajusta os itens do carrossel para ficarem um abaixo do outro */
    #careerCarousel .carousel-item {
        display: block;
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0px;
        padding: 0px 10px;
    }

    /* Remove o comportamento de flex para alinhar verticalmente */
    .row.text-center {
        display: block;
    }

    /* Ajustar a largura das colunas para 100% no mobile */
    .col-md-3 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0px;
    }

    /* Ocultar os botões de controle no mobile */
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}