[Помогите] Пропорциональное обрезание картинки при изменении разрешения

Есть банер в виде картинки. И при изменении разрешения пропорционально он уменьшается по высоте.
Если это background то можно задать ему стили:

.carousel-item{
background-image: url(/images/banner_MC.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 250px;
}
и при изменении разрешения высота остается и он пропорционально обрезается с обоих сторон
возможно ли провести такие манипуляции только с картинкой а не фоном?