Как вы решаете задачу с выводом изображения?
Вот таким способом мы заставляем любое изображение быть не меньше, чем наш квадрат, и располагаться строго по его центру:
codepen.io/andrey-hohlov/pen/WGEJpq 
Так же на CSS можно прибить к левому краю, к правому, к верху, к низу и т.д.
А на backend желательно изображения ресайзить, из соображений производительности.
Способы почти идентичны
1. элемент с фиксированными размерами, картинка у него как фон, и background-size: cover
2. object-fit: cover у картинки с фиксированными размерами