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

.img {
  border: 1px dashed red;
  margin-bottom: 50px;
  width: 530px;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/W3C%C2%AE_Icon.svg/1200px-W3C%C2%AE_Icon.svg.png) no-repeat center center;
  background-size: cover;
  position: relative;
  
  &::before {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.img1::before {
  content: 'img1';
}

.img2 {
  height: 200px;
  
  &::before {
    content: 'img2';
  }
}