.restaurant-content {
display: flex;
flex-direction: column;
gap: min(calc(1.2* 1440px / 100), 1vw);
text-align: center;
margin: auto;
position: relative;
padding-top: 0;
}
.container.restaurant-content{
max-width: 1000px;
}
.restaurant__images{
margin: 45px  0;
max-height: 550px;
}
.image-wrapper.restaurant-images {
align-self: center;
}
.dinning__concept__container {
padding-bottom: 0%;
padding-top: 100px;
} .chef-section {
display: grid;
grid-template-columns: 30% 67%;
gap: 3%;
justify-content: space-between;
align-items: center;
position: relative;
}
.chef-section__image {
text-align: center;
}
.chef-section__image img {
display: block;
margin: 0 auto;
object-fit: cover;
width: 100%;
height: auto;
}
.chef-section__name{
text-align: left;
}
.chef-section__content {
display: flex;
flex-direction: column;
gap: min(calc(1.2* 1440px / 100), 1vw);
}
.chef-section__description {
color: var(--color-secondary);
font-family: var(--font-primary);
line-height: var(--line-height-default);
letter-spacing: var(--letter-spacing-default);
text-align: left;
} .image-overlay-text {
position: absolute;
bottom: 2%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
color: var(--color-text-light);
font-size: 30px;
text-align: center;
white-space: nowrap;
}
.image-overlay-subtext {
display: block;
font-size: 8px;
font-weight: 600;
margin-top: 5px;
}
.concept-container.dinning__concept__container {
padding-bottom: 0%;
padding-top: 10vw;
}
@media (max-width: 768px) {
.restaurant-images {
aspect-ratio: 5 / 2;
}
.image-overlay-text {
font-size: 16px;
}
.chef-section {
display: flex;
flex-direction: column;
padding: 100px 40px;
}
.chef-section__image { padding: 15px 0;
align-self: center;
display: flex;
flex-direction: column;
}
.chef-section__title{
text-align: center;
}   
}