*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
}

body {
    background-image: url("back.jpg");
    color: white;
}

.container {
    position: relative;
    overflow: hidden;
}

.title {
    font-size: 96px;
}

.content {
    height: 100vh;
    display: grid;
    place-items: center;

    z-index: 5;
    position: relative;
}

.fuzzy-overlay {
    position: absolute;
    inset: -250%;
    background-image: url("static.jpg");
    opacity: 15%;
    z-index: 10;
    animation: shift 0.75s linear infinite both;
}

@keyframes shift {
    0% {
        transform:  translateY(-25%)
    }
    100% {
        transform:  translateY(25%);
    }
}