JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<img src="http://hashcode.ru/upfiles/logo.png" alt="">

CSS

body::after {
        content:'Обычный размер изображения';
        display: block;
        font-size: 1.5em;
    }
img {
    max-width: 100%;
}
@media screen and (min-width: 700px) {
    body::after {
        content:'Устанавливаем ширину в 700px';
        display: block;
        font-size: 2.5em;
    }
    img {
        width: 400px;
    }
}
@media screen and (max-width: 500px) {
    img {
        width: 150px;
    }
    body::after {
        content:'Устанавливаем ширину в 150px';
        display: block;
        font-size: 1em;
    }
}