/* ============================================================
   blob.css — Blob shape + soins #problematics landscape fix
   Pages : index, qui-suis-je, soins, soins-enfants-ados
   ============================================================ */

.blob-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transition: all 1s ease-in-out;
}

.blob-shape:hover {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
}

@media (max-height: 500px) and (orientation: landscape) {
    #problematics {
        padding-bottom: 100px !important;
    }
}