JSFiddle - React, Tailwind, and code Playground

by Charlie Vaughan

HTML

<picture>
    <!--  4 : 3 -->
    
    <!--  4 : 3 -->
    <img width="400" height="300" src="https://assets.unileversolutions.com/v1/1774324.jpg" class="cmp-image__image" itemprop="contentUrl" data-cmp-hook-image="image" alt="Magnum vegano" loading="lazy">
    
</picture>

CSS

html {
  background: #202227;
  padding: 50px;
}

img {
  width: 100%;
  height: auto;
  outline: 1px dotted yellow;
  display: block;
  background: #202227;
}