<pictures>. Это нативный HTML подход для реализации подобной задачи. Он позволяет непосредственно в разметке писать медиа-запросы... и не только. Для большей информации, советую посмотреть доклад Вадима Макеева на эту тему: https://www.youtube.com/watch?v=Szo-2D7TtEU