Я не могу увеличить ширину моего флексбокса ⇐ CSS

[Anonymous]

Проблема
Я создаю галерею изображений с использованием гибкого макета.
Мне нужна большая/правильная ширина для изображения отображаются в гибком макете.
Оно уменьшается, и я не могу понять, почему. Я хотел бы увеличить ширину элементов, но не могу увеличить ее.
Мне нужна большая ширина для каждого гибкого дочернего элемента.
Я новичок в веб-разработке.

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

.bowl_images {
display: flex;
max-width: 95%;
width: 95%;
margin: auto;
background-color: #052F1A;
gap: 10px;
}

.bowl_images_section_1 {
display: flex;
background-image: url(./images/piece-1.jpg);
background-size: contain;
width: 100%;
height: 400px;
background-position: 0% 0%;
background-size: 100% 100%;
}

.bowl_images p {
display: flex;
font-size: 12px;
background-color: #FF72B5;
color: #052F1A;
padding: 3px;
margin: auto;
border-radius: 3px;
text-wrap: wrap;
}

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

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Original Pieces

Подробнее здесь: https://stackoverflow.com/questions/792 ... my-flexbox