Full inline image

full-inline-img.html

<!-- Current markup -->
<p class="align-center fig--full"><img alt="Carne Irland Kaia Means" class="media-image fig--full" src="http://admin.norskgolf.newsfront.no/sites/default/files/carne_irland_kaia_means.jpg" title="Carne Irland Kaia Means"></p>

<!-- Javascript modification -->
<!-- Javascript looks for .fig--full, and when if it find it, a new element is created with the class .fig--full__inner, and elements originally inside .fig--full gets addeded inside the new element -->
<p class="align-center fig--full">
  <span class="fig--full__inner">
    <img alt="Carne Irland Kaia Means" class="media-image fig--full" src="http://admin.norskgolf.newsfront.no/sites/default/files/carne_irland_kaia_means.jpg" title="Carne Irland Kaia Means">
  </span>
</p>