& .parents {
    
    margin-top: 100px;
    margin-bottom: 100px;
    
    & .content {
        position: relative;
        
        & .marco-parents {
            position: absolute;
            top: 0;
            width:  120%;
            left: 50%;
            transform:  translateX(-70%);
            opacity: 0;
            transition: transform 0.5s ease-in-out;
        }
        
        & .marco-parents.animate-in {
            opacity: 1;
            transform: translateX(-50%);
        }
        
        & .parents-title {
            color: #000000;
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            opacity: 0;
            transform: translateX(-20px);
            padding: 107px 0 100px;
        }

        & .parents-title.animate-in {
            opacity: 1;
            transform: translateX(0);
        }
    
        & h2 {
            
            font-family: cursive;
        }
    
        & p {
            color: #000000;
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            opacity: 0;
            transform: translateX(-20px);
        }
    
        & p.animate-in {
            opacity: 1;
            transform: translateX(0);
        }
        
        .parents-picture {
            margin-top: 50px;
            max-width: 50px;
            opacity: 0;
            transform: translateX(-20px);
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
        
        .parents-picture.animate-in {
            opacity: 1;
            transform: translateX(0);
        }
        
        .fairy {
            margin-top: 50px;
            max-width: 70px;
            opacity: 0;
            transform: translateX(-20px);
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
        
        .fairy.animate-in {
            opacity: 1;
            transform: translateX(0);
        }
    }
}