<!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.