.cont{
    height: 400px;
    width: 85%;
    background-color: rgb(255, 248, 238);
    border: 1px solid grey;
    margin: 30px;
    display: flex;
    
  
    
}

.img{
    margin: 5px;
    

    
}
.para{
    align-content: center;
    line-height: 30px;

}

@media screen and (max-width:580px){
    .cont{
        height: 90%;
        width:90% ;
        margin: 10px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .img{
        margin: 2px;
        width:100%;

    }
    .img img{
        width: 100%;
        object-fit: cover;

    }

}