html {
  font-size: 12px;
}

.image {
  display: block;
  margin-bottom: 60rem;
  background-color: #eee
}

div.image {
  position: relative;
  width: 60rem;
  background-size: cover;
  background-position: center;
}

div.image:after {
  content: "";
  display: block;
  padding-top: 60%;
  width: 100%;
  pointer-events: none;
}