* {
    margin: 0;
    padding: 0;
}

body {
    margin: 5px;
    pading: 5px;
}

img {
    margin: 0 auto;
}

@media only screen and (mix-width: 1024px) {
    div img {
        max-width: 640px !important;
        object-fit: scale-down !important;
    }
}

@media only screen and (max-width: 768px) {
    div img {
        max-width: 70% !important;
        object-fit: scale-down !important;
    }
}

@media only screen and (max-width: 640px) {
    div img {
        max-width: 80% !important;
        object-fit: scale-down !important;
    }
}

@media only screen and (max-width: 414px) {
    div img {
        max-width: 95% !important;
        object-fit: scale-down !important;
    }
}

@media only screen and (max-width: 375px) {
    div img {
        max-width: 95% !important;
        object-fit: scale-down !important;
    }
}

@media only screen and (max-width: 320px) {
    div img {
        max-width: 95% !important;
        object-fit: scale-down !important;
    }
}