membuat shape di belakang text

agar ada shape di belakang slide itu gimana ya gan ini html

<div class="slider">
      <div class="container">

        <hr class="line">

        <div id="product-slider" class="owl-carousel owl-pagination-dash owl-navigation-box">

          <div class="slide-1">
            <div class="container">
              <div class="slider-content">
                <h2>ALL YOUR 3D NEEDS</h2>
                <p>From visual, animation, printing and 360˚ virtual reality</p>
              </div>
            </div>
          </div>

          <div class="slide-2">
            <div class="container">
              <div class="slider-content">
                <h2>VIRTUA REALITY 360˚ </h2>
                <p>More value and take advantage of best impression</p>
              </div>
            </div>
          </div>

          <div class="slide-3">
            <div class="container">
              <div class="slider-content">
                <h2>EASY ONE STOP PROCESS</h2>
                <p>Make it easy for your time and needs</p>
            </div>
          </div>
        </div>

          <div class="slide-4">
            <div class="container">
              <div class="slider-content">
                <h2>POWERFUL IMPRESSION</h2>
                <p>Easy to convince and increase sales</p>
              </div>
            </div>
          </div>

          <div class="slide-5">
            <div class="container">
              <div class="slider-content">
                <h2>BUDGET FRIENDLY</h2>
                <p>Whatever your budget needs, everything is here</p>
              </div>
            </div>
          </div>

          <div class="slide-6">
            <div class="container">
              <div class="slider-content">
                <h2>SIMPLE AND BIG PROJECT</h2>
                <p>Variety of work from simple to large projects</p>
              </div>
            </div>
          </div>
</div>
</div>

    <div class="icons">
      <div class="container">

        <div class="container">
          <div class="row">

            <div class="featured-work">
              <h2 class="title">ABOUT</h2>
              <div class="border-bottom"></div>
              <div class="featured-work">
              </div>
              <h4>3DRI is an all-Indonesia 3D artist group who are committed and qualified, as part of the Lokcay group that has been as expert since 2000, confidents with the deadlines, can present more items, more efficient in animation, easy coordination
because of the one stop system, budget friendly as needed
</h4>

dan ini CSS nya

 ***** 19.ONE-PAGE *****/
.one-page .slide-1 {
	background-image: url("../images/agency/1.jpg");
	width: 100%;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 40px;
	padding-top: 85px;
	padding-bottom: 205px;
}
.one-page .slide-2 {
  background: url("../images/agency/2.jpg") center center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  padding-top: 85px;
  padding-bottom: 205px; }
  .one-page .slide-2 .slider-content h2 {
    color: #000; }
  .one-page .slide-2 .slider-content p {
    color: #000; }
.one-page .slide-3 {
  background: url("../images/agency/3.jpg") center center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  padding-top: 85px;
  padding-bottom: 205px; }
  .one-page .slide-2 .slider-content h2 {
    color: #000; }
  .one-page .slide-2 .slider-content p {
    color: #000; }
.one-page .slide-4 {
  background: url("../images/agency/4.jpg") center center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  padding-top: 85px;
  padding-bottom: 205px; }
  .one-page .slide-2 .slider-content h2 {
    color: #000; }
  .one-page .slide-2 .slider-content p {
    color: #000; }
.one-page .slide-5 {
  background: url("../images/agency/5.jpg") center center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  padding-top: 85px;
  padding-bottom: 205px; }
  .one-page .slide-2 .slider-content h2 {
    color: #000; }
  .one-page .slide-2 .slider-content p {
    color: #000; }
.one-page .slide-3 {
  background: url("../images/agency/6.jpg") center center;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 40px;
  padding-top: 85px;
  padding-bottom: 205px; }