The imgSrc directive is a responsive extension of the HTML src attribute and can be used on any tag in the markup

<div>
  <img src="default.png" src.xs="xsmall.png"/>
</div>

imgSrc takes one string argument, and alters its host's src attribute as necessary when breakpoints are activated. The initial value will be used as the default and fallback when a responsive alias is not defined