<div class="item">
  <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg" alt="">
</div>
<div class="item">
  <img src="https://thumbs.dreamstime.com/b/vertical-shot-road-magnificent-mountains-under-blue-sky-captured-california-163571053.jpg" alt="">
</div>

.row {
  height: 150px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.item {
  width: 50%;
  height: auto;
  padding-bottom: 50%;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
}

.item img {
  position: absolute;
  width: 100%;
  height: 100%;
}