Проблема с отступами?

Может конечно я плохо объясняю. Я бы созвонился с кем нибудь, если есть желание у кого. Сложно мне Обь яснять в тексте)

Проблема с отступами?

Вот даю сайт, я его пока делаю, так что на мелочи не обращайте внимания. Там заметно что колонки в моб версии расширились автоматически, но паддинг он присутствует. https://skyorg.ru/dev/betonsnab/ А вот в гридах можно задать промежутки только между колонками и как только колонка сместилась на новую строку, то паддинг у неё исчезает. Я типа такого решения хотел. Просто у меня на странице внутренний паддинг он в процентах, что бы в моб версии уменьшить зазоры по краям автоматически. Поэтому я не могу теперь рассчитать паддинг между колонками, так как он там в пикселях.

Как обрезать фото по краям и поместить картинку в центр при уменьшении окна браузера?

если я правильно понял, то это вот так типа:

//<div class="first-block">
    <div class="second-block">
    <img src="bla/bla.jpg">
    </div>
</div>
<style>
.first-block {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
    }

.second-block {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
<style>

Так вот не работает, все равно правая часть картинки обрезается а не обе. //