@media (min-width:900px) {
    #img1{
        width: cover;
        height: 700px;
    }    
    .flexBox2{
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width:900px) {
    #img1{
        width: cover;
        height: 250px;
    }    
  
}

/* all  screen */
.academyImg{
transition-duration: 3s;
    transition: ease;
}
.academyImg:hover{
transition-duration: 3s;
 transform: scale(1.5);
}