CSS - vertical center image in div mit overflow hidden?

Wie kann ich mit CSS ein Bild in einem div Container mit fester vorgegebener Höhe vertikal zentriert platzieren und den Überstand des Image ausblenden? Ich möchte quasi ein größeres Foto in einem 100% breiten div mit der Höhe von 370 px mittig ausrichten. Oben und unten sollte das Bild abgeschnitten werden wenn es höher als 370 px ist.

Ich habe bereits versucht das Image mit

object-fit: cover;

anzupassen, aber das funktioniert im Internet Explorer und Microsoft Edge nicht.

Wer hat eine Lösung?

<div class="img-wrapper">
    <img src="/images/foto.jpg">
</div>

.img-wrapper{
    position: relative;
    overflow: hidden;
    height: 370px;
}

.img-wrapper img{
    position: absolute;
    top: -100%; 
    left: 0; 
    right: 0; 
    bottom: -100%;
    margin: auto;
}