В общем вот моё решение
https://codepen.io/login2030/pen/PoYjqRR?editors=1100
Что получается - убираем атрибуты бутстрапа со списка,
.container-fluid
.row
.col-lg-12.no-padding
Оставляем просто див.
Дополнительно оборачиваем картинку внутри элемента списка в див, чтобы адекватно считала пропорция.
Ну и css хак
.our-works__list-examples li img {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
object-fit: cover;
}
.our-works__list-examples li div {
position: relative;
height: 0;
width: 100%;
padding-bottom: 100%;
}
.our-works__list-examples li {
width: 10%;
}
Если хочешь изменить число работ в ряду, то просто 100% дели на желаемое количество работ и получишь ровный ряд. Например 100 / 8 = 12.5% будет ширина li