.home-about__container {
    padding: 178px 12px 148px;

    @media (min-width: 1028px) {
        padding-top: 156px;
        padding-bottom: 156px;
    }


    .h2 {
        u:hover,
        span:not(.size-9):hover,
        .size-9:hover + u {
            opacity: .5;
        }


        .size-9 {
            transition: all .5s ease;
            cursor: pointer;
        }
        

        .size-9:hover {
           transform: rotate(10deg) scale(1.3); 
        }

        u,
        span:not(.size-9) {
            cursor: pointer;
            transition: all .3s ease; 
        }
    }

    .h2 :has(+ u:hover),
    .h2 :has(+ span:hover) {
        transform: rotate(10deg) scale(1.3); 
    }
}