JSFiddle - React, Tailwind, and code Playground

HTML

text above text above text above text above
<br>
text in front <img src="https://wm.sdf.org/gallery/albums/userpics/10644/alice.png" alt=":alice:" title=":alice:" class="emoji"> <img src="https://wm.sdf.org/gallery/albums/userpics/10644/alice.png" alt=":alice:" title=":alice:" class="emoji"> <img src="https://wm.sdf.org/gallery/albums/userpics/10644/alice.png" alt=":alice:" title=":alice:" class="emoji"> some text behind
<br>
text below text below text below text below

CSS

.emoji {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  transition: all 0.2s ease;
}
.emoji:hover {
  transform: scale(2);
}