.card1{
    background-color: #F7F7F7 ;
    height: 500.38px;
}
.card1 img{
    position: relative;
    top: 35%;
}
.card2{
    background-color: #F0F0F0 ;
    height: 500.38px;
}
.card2 img{
    position: relative;
    top: 10%;
}

@media screen and (max-width:1650px) {
    .card1{
        background-color: #F7F7F7 ;
        height: 400.38px;
    }
    .card1 img{
        position: relative;
        top: 35%;
    }
    .card2{
        background-color: #F0F0F0 ;
        height: 400.38px;
    }
    .card2 img{
        position: relative;
        top: 10%;
    }
}


@media screen and (max-width:1300px) {
    .card1{
        background-color: #F7F7F7 ;
        height: 350.38px;
    }
    .card1 img{
        position: relative;
        top: 35%;
    }
    .card2{
        background-color: #F0F0F0 ;
        height: 350.38px;
    }
    .card2 img{
        position: relative;
        top: 10%;
    }
}