html – How am i able to create a padding between photos in splited div?

* {
  box-sizing: border-box;
}

.col-1-3 {
  width: 33.333%;
  float: left;
  padding: 0 25px;
}

.take a look at {
  margin: 0 auto;
  width: 1700px;
  border: 1px stable purple;
}

.clearfix:after,
.clearfix:earlier than {
  content material: " ";
  show: desk;
}

.clearfix:after {
  clear: each;
}

<div class="take a look at clearfix">
  <div class="col-1-3">
    <img src="https://manastirpodmaine.org/wp-content/uploads/2015/08/Copy-of-IMG_5976-1-16001-560x330.jpg" alt="">
  </div>
  <div class="col-1-3">
    <img src="https://manastirpodmaine.org/wp-content/uploads/2015/08/Copy-of-IMG_5976-1-16001-560x330.jpg" alt="">
  </div>
  <div class="col-1-3">
    <img src="https://manastirpodmaine.org/wp-content/uploads/2015/08/Copy-of-IMG_5976-1-16001-560x330.jpg" alt="">
  </div>
</div>