empathy?

<style>

body {
background: #3e5679;
}

#whole{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(https://i.imgur.com/KdMIXFU.png);
background-size: auto 100%;
background-position: bottom right;
background-repeat: no-repeat;}

#transparenttext{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(https://www.transparenttextures.com/patterns/3px-tile.png);
opacity: .6;
-webkit-animation: textshift .1s infinite linear;
animation: textshift .1s infinite linear;
}

@-webkit-keyframes textshift{
0%{opacity:.3;}
100%{opacity:.5;}
}

@keyframes textshift{
0%{opacity:.3;}
100%{opacity:.5;}
}

</style>

<div id="whole">
</div>

<div id="transparenttext">
</div>