JSFiddle - React, Tailwind, and code Playground

by ANGEL1960

HTML

<img id="object-position-1" src="https://elicecreativo.com/wp-content/uploads/2021/05/creative.png" alt="example"/>
<img id="object-position-2" src="https://elicecreativo.com/wp-content/uploads/2021/05/coding.png" alt="example"/>

CSS

img {
  width: 150px;
  height: 100px;
  border: 1px solid #000;
  background-color: yellow;
  margin-right: 1em;
}

#object-position-1 {
  object-position: 10px;
}

#object-position-2 {
  object-position: 20% 10%;