JSFiddle - React, Tailwind, and code Playground

HTML

<p>Aliquid fugiat exercitation quos! Molestiae! Conubia class sagittis expedita dolores.</p>
<p>Est veritatis, tristique vero ridiculus curae nec aliquam officia officia.</p>

<article>lorem ipsum</article>
<article>lorem ipsum</article>
<article>lorem ipsum</article>

<p>Aliquid fugiat exercitation quos! Molestiae! Conubia class sagittis expedita dolores.</p>
<p>Est veritatis, tristique vero ridiculus curae nec aliquam officia officia.</p>

CSS

body, html {
    height: 100%;
}
body {
    background: url(http://placekitten.com/400/500) no-repeat center;
    background-size: cover;
}
article {
    background: #ddd;
    padding: 20px;
    margin: 30px;
}
article:hover:before {
    content:'';
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(http://placekitten.com/500/500) no-repeat center;
    background-size: cover;
}