<div class="container">
  <div class="container__link"></div>
  <div class="container__link"></div>
  <div class="container__link"></div>
</div>

.container {
  margin: 0 auto;
  max-width: 768px;
  min-height: 320px;
  display: flex;
  justify-content: space-between;
  background-color: silver;
  position: relative;
}

.container__link:nth-child(1) {
  min-width: 40%;
  margin-right: -15%;
  background-image: url("https://images.unsplash.com/photo-1508615263227-c5d58c1e5821?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1275&q=80");
  background-size: cover;
}

.container__link:nth-child(2) {
  min-width: 40%;
  transform: skew(-15deg);
  overflow: hidden;
  margin: 0 -10%;
  position: relative;
}

.container__link:nth-child(2)::after {
  content: '';
  display: block;
  transform: skew(15deg);
  position: absolute;
  top: 0;
  right: -25%;
  bottom: 0;
  left: -25%;
  background-image: url("https://images.unsplash.com/photo-1506808547685-e2ba962ded60?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1275&q=80");
  background-size: cover;
}

.container__link:nth-child(3) {
  min-width: 40%;
  margin-left: -15%;
  background-image: url("https://images.unsplash.com/photo-1551218808-94e220e084d2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1234&q=80");
  background-size: cover;
}