CodePen Embed - CSS - Img Magic Space

<h3>Images from <a href="https://unsplash.com/photos/iZPlnoKc8Iw">https://unsplash.com/photos/iZPlnoKc8Iw</a></h3>
<div class="wrapper">
  <img src="https://images.unsplash.com/photo-1647163641100-bcfc7a060ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2535&q=80" alt="W"></img>
</div>

<div class="wrapper multiple">
  <img src="https://images.unsplash.com/photo-1647163641100-bcfc7a060ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2535&q=80" alt="W"></img>
  <img src="https://images.unsplash.com/photo-1647163641100-bcfc7a060ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2535&q=80" alt="W"></img>
  <img src="https://images.unsplash.com/photo-1647163641100-bcfc7a060ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2535&q=80" alt="W"></img>
</div>

html {
  font-size: 24px;
}
.wrapper {
  background: gold;
  margin-bottom: 10px;
}
.wrapper.multiple {
  line-height: 0;
}
img {
  width: 100px;
  background-image: url(https://images.unsplash.com/photo-1647163641100-bcfc7a060ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2535&q=80);
}

Run Pen

This Pen is owned by sundicide on CodePen.

See more by @sundicide on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.