Grid c img=background

by pharma_nsk

HTML

<div class="box">
<div class="img1"></div>
<div class="img2"></div>
</div>

CSS

.box {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 200px;
  overflow: hidden;
}
.img2 {
  display: block;
  background: url('https://pp.userapi.com/c317231/v317231951/139e/oEIJGhvPVNs.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.img1 {
  display: block;
  background: url('http://www.zooclub.ru/attach/24000/24474.jpg') no-repeat 50% 50%;
  background-size: cover;
  
}