<!DOCTYPE html>
<html>
<head>
	<link rel="shortcut icon" href="/img/logo/1176381.png">
	<meta charset="utf-8">
	<title>3D Mask Image</title>
</head>
<body>
	<section></section>
</body>
</html>
*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
		section{
  			background: url('https://imgr.search.brave.com/Kp7mF-W1xaq6cY2zz3Yvmo4RYdOZoY_EEdCB5mCLFOs/fit/844/225/ce/1/aHR0cHM6Ly90c2Ux/Lm1tLmJpbmcubmV0/L3RoP2lkPU9JUC5E/d1RkWndMU1lFaVh5/NUVzY1ByaFdRSGFF/SyZwaWQ9QXBp');
  			width: 100%;
  			min-height: 100vh;
  			background-size: cover;
  			position: relative;
  			opacity: .6;
		}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.