<div class="content_wrapper">
  <div class="inner">
    <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
  </div>
</div>
body, p {
  margin: 0;
}

.content_wrapper {
  position: relative;
  width: 100%;
  padding: 10px 0 10px 0;
  background: url(https://www.noranekodsn.com/wp/wp-content/uploads/2017/07/bg_r.png) repeat bottom left;
}

.content_wrapper:after {
  position: absolute;
  bottom: -25px;
  left: 0;
  content: "";
  width: 100%;
  height: 25px;
  background: url(https://www.noranekodsn.com/wp/wp-content/uploads/2017/07/bg_c.png) repeat-x top left;
}

.inner {
  width: 80%;
  padding: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.