TudorSfatosu/mutliple-layers-blending-mode.html

## mutliple-layers-blending-mode.html
<!DOCTYPE html>
<html>
  <head>
    <title>Background Image Example</title>
    <style>
      .image-container {
              background-image: url(triangle.png), linear-gradient(to bottom, #422039b8, #422039b8), url(bg.jpg);
              background-blend-mode: soft-light, multiply, normal;
              background-size: contain, auto, cover;
              background-repeat: no-repeat, no-repeat, no-repeat;
              background-position: 91% 0 , 0 0, 0 0;
              height: 70vh;
              width: 100%;
      }
    </style>
  </head>
  <body>
    <div class="image-container">
      <!-- Content goes here -->
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Background Image Example</title>
	<style>
	.image-container {
	background-image: url(triangle.png), linear-gradient(to bottom, #422039b8, #422039b8), url(bg.jpg);
	background-blend-mode: soft-light, multiply, normal;
	background-size: contain, auto, cover;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 91% 0 , 0 0, 0 0;
	height: 70vh;
	width: 100%;
	}
	</style>
	</head>
	<body>
	<div class="image-container">
	<!-- Content goes here -->
	</div>
	</body>
	</html>