JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <p class="warning">
    <span>It's A Trap!</span>
  </p>
  <div class="image">
    <img src="img/ackbar.gif" />
  </div>
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script src="js/app.js"></script>
</body>

CSS

body {
  background: #2d3339
}
.warning {
  border: 5px solid #e1dfbe;
  width: 200px;
  margin: 100px auto 20px;
  border-radius: 5px;
  padding: 20px 10px;
  text-align: center;
  font-size: 32px
}
.warning span {
  color: #f4f3ce;
  font-family: sans-serif;
  font-weight: bold;
}
.image {
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
  z-index: -1
}

JavaScript

/*Hide Warning*/
jQuery(".warning").hide();
/*Show Warning Slowly*/