Using media queries in your attributes, you can use different widths on devices. In this process, you don’t have to create multiple images as they get created automatically. If your browser does not support src set, then it displays the original image.
!(/images/maxresdefault.jpg?derivatives = 320, 1440, 100&sizes = %28max - width % 3A26em % 29 + 100vw % 2C + 50vw)
The above code will generate the following output −