.faccont .container{
    width: 100%;
    height: 550px;

 }
 
 .secim{
    width: 100%;
    height: 400px;
    display: flex;
    background-color: white ;
    
}

.bakalavr{
    width: 20%;
    height: 400px;
    position: relative;
    animation-name: example;
    animation-duration: 1s;  
    animation-fill-mode: forwards;
}
.magistr{
    width: 25%;
    height: 400px;
    position: relative;
    animation-name: example;
    animation-duration: 1s;  
    animation-fill-mode: forwards;
}
.doktor{
    width: 35%;
    height: 400px;
margin-top: 15px;
position: relative;
    animation-name: example;
    animation-duration: 1s;  
    animation-fill-mode: forwards;

}

a:hover img{
    transition: ease 1.5s;
    width: 520px;

}
 .animate__animated.animate__backInLeft {
    --animate-duration: 10s;}