SCSS

HTML

<div>
  <img src="https://via.placeholder.com/1250x1250" alt="" />
</div>

SCSS

div {
  height: 584px;
  display: block;
  background-position: center center;
  background-size: cover;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background-color: #fff;
}

img {
  object-position: center center;
  min-height: 100%;
  display: block;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: auto;
  min-width: 100%;
  max-width: none;
  -o-object-fit: cover; 
  object-fit: cover; 
  height: 100%;
}