CodePen Embed - Insert img with CSS

<p>Add pure decoration image with CSS</p>
<div id="image"></div>

p {
  font-size: 1.5rem;
  color: purple;
}

#image {
  background-image: url(https://webstockreview.net/images/decorative-clipart-decorative-horizontal-line-1.png);
  background-repeat: no-repeat;
  background-position: top-left;
  width: 100%;
  height: 50vh;
}

/* #image {
  background-image: url(https://images.unsplash.com/photo-1581687004185-f912200c4a31?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80);
  background-repeat: no-repeat;
  background-position: top-left;
  max-width: 100%;
  height: 45vh;
  padding-top: 68px;
} */

This Pen is owned by Ayu on CodePen.

See more by @adiati on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.