<section class="page">
  <hr class="dashed-divider" />
  <div class="repeating-divider"></div>
  <img class="image-divider"
       src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/101448/new-york-skyline.svg" />
  <img class="image-divider"
       src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/101448/wedding-divider-png-9.png" />
  <div class="border-image-divider"></div>
</section>

.page {
  padding: 40px;
}

.dashed-divider,
.repeating-divider,
.image-divider {
  margin: 20px 0;
}

.dashed-divider {
  border: none;
  border-bottom: 3px dashed;
}

.repeating-divider {
  height: 100px;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/101448/tessellation.png');
  background-size: contain;
}

.image-divider {
  width: 100%;
}

.border-image-divider {
  margin: 0 -40px;
  background-color: #59c0ee;
  height: 400px;
  border-top: 64px solid;
  border-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/101448/wave.svg") 64;
  border-image-outset: 64px;
  margin-top: 64px;
}