Вы хотите масштабировать изображение c сохранением пропорций, чтобы изображение обрезалось либо слева-справа, либо сверху-снизу.
И при этом не даёте границ в которых оно должно обрезаться.
Самый простой путь (он же правильный):
— сделать родитель с тремя дочерними контейнерами;
— отпозиционировать контейнеры так, как у вас должны размещаться картинки;
— добавить каждую картинку в свой контейнер со значением cover (background-size: cover;).
Можно и в одном контейнере, с помощью псевдоэлементов и добавления фона центральной картинке, но это будет богопротивное извращение : ).
