<section class="content">
  
  <!-- Top -->
  <div class="content__top"></div>
  
  <!-- Body -->
  <div class="content__body">
    Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! Happy New Year! 
  </div>
  
  <!-- Bottom -->
  <div class="content__bottom"></div>
  
</section>

body {
  margin: 30px;
  padding: 0;
  position: relative;
  background-color: #dfdfdf;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  line-height: 1.3;
}

.content {
  color: black;
  padding: 1rem;

  &__top { 
    margin-bottom: -130px;
  }

  &__bottom {    
    float: right;
    margin-top: -140px;
  }

  &__top, &__bottom {
    width: 300px;
    height: 200px;    
    background-image: url('https://image21.net/103/happy_new_year_png/happy_new_year_png_43.png');
    background-size: 100% 100%;
    background-position: center center;
  }

  &__body {
    background-color: #ffffff;
    margin: 50px 0;
    padding: 30px;
    min-height: 180px;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
  }
}