Что вам может помочь (поскольку из вашего кода не ясны размеры картинок и их судьба при адаптации):
1. Позиционирование
2. overflow:hidden
3. Сохранение пропорций блока
4. https://webref.ru/css/object-fit
5. min-, max- width 100%, height:auto
6. заранее подготовить картинки правильных пропорций
Есть такой сервис: finevision.ru
Есть какое-то количество скриптов, легко гуглятся.
Но сайты все таки разные и для каждого придется что-то допиливать, универсальные решения могут показать странное.
Я за первый - мне так виднее картина целиком, не что происходит с отдельным блоком, а в чем суть всех перестроений.
Но по большому счету без разницы, как договорились. В инструментах разработчика все видно хоть так, хоть сяк. Ctrl+F по проекту/стилям тоже работает прекрасно.
Используйте нормальный редактор кода с подсветкой, если не умеете самостоятельно следить за окрывающими и закрывающими тегами.
Выделено красным: https://jsfiddle.net/v62d70c0/