Как правильно сверстать изображения под ретину и мобилу?

В общем пытаюсь сделать так, но для таблет и мобилки картинка совершенно другая

<picture>
 <source media="(max-width: 1024px)" srcset="img/new-logo.png  1024w, img/new-logo.png 640w, img/new-logo.png 320w"  />
  
   <source srcset="img/logo-2x.png 2x, img/logo-3x.png 3x"/>
   <img
    src="img/logo-1x.png"  
      width="252" height="48" alt="Paper View"
>
</picture>

но так и не понял как для мобилки сделать такой же выбор картинки исходя из ретины 2x 3x ?