JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
<div class="parallax-container header-parallax">
  <div class="container container-wide readable-text">
    <h1 class="white-text">Account Security</h1>
    <h4 class="white-text">Control active sessions and 2-Factor Authentication.</h4>
  </div>
  <div class="parallax"><img src="https://i.imgur.com/k45V80z.jpg?2"></div>
</div>

CSS

.header-parallax {
                    height: 17em;
                }
                
                .container-wide {
                    width: 95%;
                    max-width: none;
                }
                
                .readable-text {
                    color: white;
                    color: white;
                    text-shadow: black 0.1em 0.1em 0.2em;
                }

JavaScript

$(document).ready(function(){
	$('.parallax').parallax();
});