Codepen Example

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="html,result" data-user="atanas-atanasov-the-scripter" data-slug-hash="MWaOMzo" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="MWaOMzo">
  <span>See the Pen <a href="https://codepen.io/atanas-atanasov-the-scripter/pen/MWaOMzo">
  MWaOMzo</a> by Atanas Atanasov (<a href="https://codepen.io/atanas-atanasov-the-scripter">@atanas-atanasov-the-scripter</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>