#dynamicNursesSection{
    background-image: url("../../../images/logos/heart-beat.webp"); /* Remplacez par le chemin de votre image */
    background-color: white;
    background-size: contain; /* L'image couvre tout l'espace disponible */
    background-position: center; /* Centrer l'image */
    background-attachment: fixed; /* Fixe l'image pour suivre le scroll */
    background-repeat: no-repeat;
    height: max-content;
    justify-content: center;
    align-items: start;
    padding: 0;
    gap: 5rem;

}

#dynamicNursesSection .content-dynamic-nurses{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 4rem;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 5rem;

}
#dynamicNursesSection img{
    width: auto;
    height: 432px;
    transition: transform 0.3s ease, scale 0.3s ease;
}
#dynamicNursesSection img:hover {
    transform: rotate(5deg) scale(0.9);
}


#dynamicNursesSection .flex-column{
    justify-content: center;
    gap: 1rem;
}

#dynamicNursesSection h2, #dynamicNursesSection p{
    margin: 0;
}

.text-content-dynamic-nurses{
    max-width: 592px;
}
.text-content-dynamic-nurses h2{
    color: var(--secondary-color);
    margin: 0;
}
.text-content-dynamic-nurses hr{
    width: 25%;
    height: 2px;
    background-color: var(--primary-color);
    border: none;
    margin: 0;
}

@media screen and (max-width: 768px) {
    #dynamicNursesSection{
        flex-direction: column;
        width: 100vw;
        padding:2rem 0;
        gap: 0;
    }
    #dynamicNursesSection .content-dynamic-nurses{
        flex-direction: column;
        width: 100vw;
        padding: 1rem;
        gap: 0.5rem;
    }
    #dynamicNursesSection img{
        height: auto;
        width: 100%;
    }
    #dynamicNursesSection .text-content-dynamic-nurses{
        width: 90vw;
    }
    #dynamicNursesSection .text-content-dynamic-nurses h2{
        font-size: 20px;
    }
    
    
}