Responzivní obrázky

Ahoj,

pomocí stylů jsem si upravil šířku stránky podle rozlišení displeje:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen and (max-width: 1014px)" href="styl-mobil.css" />
.
.
Ale zasekl jsem se na obrázcích. Našel jsem na internetu řešení pomocí: srcset
ale nedaří se mi to s ním rozchodit.

Věděl by někdo jak udělat ty responzivní obrázky?
Šířku stránky mám 750px.
Děkuji.