@media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (-webkit-device-pixel-ratio: 3) {
    .img-size {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
    .img-size {
        width: 310px;
        height: auto;
        object-fit: cover;
    }
    .margin-div{
        margin-left: 20px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .img-size {
        width: 400px;
        height: auto;

    }
    .margin-div{
        margin-left: 60px;
    }
}
@media only screen and (min-device-width: 1367px) {
    .img-size {
        width: 250px;
        height: 300px;
        object-fit: cover;
    }
}