*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    direction: rtl;
    flex-wrap:wrap ;
    margin-top: 30px;

}
.info{
    width: 60%;
    margin: auto;
     margin-top: 30px;
  }
div.img {
    width: 25%;
    height: 400px;
}
img{
    width: 100%;
    height: 100%;
}
.card{
    display: flex;
    justify-content: space-around;
    
}

@media  (max-width: 768px) {
    .container{
         flex-direction: column;
    
    }
  
    
}