<!DOCTYPE html>
<html>
<head>
    <title>Felyne</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        .background-image {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-image: url('https://dustybeer.b-cdn.net/matrix-5361690.svg');
            background-size: cover;
            background-position: center;
            background-color: black; /* Set the background color to match the desired color of the background image */
            filter: blur(5px); /* Adjust the blur value as per your preference */
        }

        .container {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            font-size: 24px;
        }

        .content {
            max-width: 800px;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.5); /* Change the background color and opacity as desired */
        }
    </style>
</head>
<body>
    <div class="background-image"></div>
    <div class="container">
        <div class="content">
          <h1><img src="https://taubincc.b-cdn.net/Stormtrooper001-g2.jpg"></h1>
        </div>
    </div>
</body>
</html>
