CSS Background Image Example

<!Doctype HTML>
<html>
<head>
<title>The Background Image</title>
<style>
body{
background-image: url("https://www.tutsinsider.com/wp-content/uploads/2019/09/picelement-800.jpg");
color: white;
}
.mycontent{
  background: #00000099;
  padding: 20px;
  margin: -10px;
  position: absolute;
  bottom: 0;
}
</style>
</head>
<body>
<div class="mycontent">
<h2>Background Image</h2>
CSS Background image property will define the background image for body of the document as specified.
<h3>Background image for Body of Document</h3>
<p>Attach some background image here and see the results</p>
</div>
</body>
</html>