JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

  <div class="block">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed maiores odit quia illum commodi atque, voluptas nihil excepturi accusantium repudiandae cumque, quisquam id consectetur dolorem eligendi dolorum quasi obcaecati quaerat itaque magni tempore consequuntur. Deserunt omnis veritatis distinctio nesciunt impedit, repudiandae vitae, porro veniam, reprehenderit ullam sint, nihil consequuntur ipsum!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed maiores odit quia illum commodi atque, voluptas nihil excepturi accusantium repudiandae cumque, quisquam id consectetur dolorem eligendi dolorum quasi obcaecati quaerat itaque magni tempore consequuntur. Deserunt omnis veritatis distinctio nesciunt impedit, repudiandae vitae, porro veniam, reprehenderit ullam sint, nihil consequuntur ipsum!</p>
  </div>

</div>

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Neucha', cursive;
}
.container {
  position: relative;
  padding: 50px;
  background: #eee;
  z-index: 1;
}
.block{
  position: relative;
  padding: 20px;
  background: #aaa;
}
.block::before {
  content:"✾";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  font-size: 80px;
  line-height: 1;
  z-index: -1;
}