Добавление заполнения к первому контейнеру влияет на нижнюю часть поля изображения внутри другого контейнера. Как это ис ⇐ CSS

[Anonymous]

Я создал 2 контейнера, используя этот код:

Код: Выделить всё

.grid--2-cols {
grid-template-columns: repeat(2, 1fr);
}

Во втором у меня есть изображения, когда я добавляю отступы к первому:

Код: Выделить всё

.testimonials-container {
padding: 9.6rem;
}

Все изображения во втором контейнере автоматически имеют нижнее поле. Изображения находятся в контейнере под названием «figure» отдельно. Позже я собирался придать им эффект наведения.
Как это исправить?

Код: Выделить всё

.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
}

Код: Выделить всё

.gallery-item img {
display: block;
width: 100%;
}

Элемент галереи — это класс, присвоенный фигуре.
На самом деле я собирался дать изображениям одинаковый зазор между ними сверху и справа. Я попробовал большинство ответов об изменении размера img. Но это не помогло.

Подробнее здесь: https://stackoverflow.com/questions/790 ... -inside-an