GRIZLY by @mamadomisha Kaše Ty kokos! by @mamadomisha 300 g

.custom-container {
padding: 20px;
}

.custom-flex-section {
background-color: #f9f7f2; padding: 0; border-radius: 20px; margin-bottom: 40px; overflow: hidden; display: flex; align-items: stretch; height: 100%; width: 100%;
}

.custom-text-block,
.custom-image-block {
flex-basis: 50%; flex-grow: 1; flex-shrink: 0; box-sizing: border-box;
}

.custom-text-block {
padding: 40px;
}

.custom-text-block h2 {
font-size: 24px; color: #333; margin-bottom: 20px;
}

.custom-text-block p {
color: #666; margin-bottom: 15px; line-height: 1.6;
}

.custom-image-block {
display: flex; padding: 0;
}

.custom-image-block img {
width: 100%; height: auto; object-fit: cover;
}

.custom-image-left img {
border-radius: 20px 0 0 20px;
}

.custom-image-right img {
border-radius: 0 20px 20px 0;
}

.custom-three-column {
background-color: #f9f7f2; padding: 40px; border-radius: 20px; display: flex; gap: 20px; flex-wrap: wrap;
}

.custom-column {
background-color: #f9f7f2; padding: 20px; border-radius: 20px; text-align: center; flex: 1; min-width: 200px;
}

.custom-column img {
margin-bottom: 15px;
}

@media (min-width: 768px) {
.custom-flex-section {
flex-direction: row;
}
.custom-three-column {
flex-direction: row;
}
}

@media (max-width: 767px) {
.custom-flex-section {
flex-direction: column;
}
.custom-text-block,
.custom-image-block {
flex-basis: 100%;
}
.custom-image-left img {
border-radius: 20px 20px 0px 0px;
}
.custom-image-right img {
border-radius: 0px 0px 20px 20px;
}
.custom-image-block {
padding: 0;
}
.custom-image-block img {
width: 100%;
}
.custom-three-column {
flex-direction: column; padding: 20px;
}
.custom-column {
flex-basis: 100%; margin-bottom: 20px;
}
}