Different responsive image per breakpoint
Are they completely different images? 

Then I'd use Paragraphs module and create a heavily customized template outputting your different images as &lt;source srcset="..." media=""&gt; inside a single &lt;picture&gt; tag. Modern browsers will only download the correct version for the visitors viewport. (Manually add a polyfill library if required.)

Is there one large source image rendered with different focal points or different crop areas (Modules "Focal point" or "Image widget crop")?  

Then I'd create a specific breakpoint group only for your banner. Create a responsive image style for this group and use Select a single image style for each individual breakpoint width. Drupal will then automatically render a similar markup as above and also add polyfills for older browsers.

In any case, definitely use a &lt;picture&gt; tag with multiple &lt;source srcset="...filename..." media="(...mediaquery...)"&gt;s for art directed responsive images.