.bento-pro {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-template-rows: repeat(2, 150px);
 gap: 16px;
}

.item {
 overflow: hidden;
 border-radius: 10px;
}

.item img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.xl {
 grid-column: span 1;
 grid-row: span 2;
}

.normal {
 grid-column: span 1;
 grid-row: span 1;
}