JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

This image is 495 x 76

<hr>

<div>x
  <img src="https://storage.pardot.com/931493/1652130396q70PFKIb/logo_landing_bluevoyant_cobalt.png" alt="">
</div>

<div>y
  <img src="https://marcel.imarc.host/bv/bv-test.png" alt="">
</div>


<div>z
  <img src="https://marcel.imarc.host/bv/bv-test-optimized.png" alt="">
</div>

CSS

img {
  max-width: 100%;
}

div {
  max-width: 310px;
  /* max-width: none; */
}