.lunchLayout 
{
  display: grid;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 3vw, 40px);
  padding: 18vh 24px 18vh;
}

.lunchImages .lunchBar
{
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}

.lunchItem 
{
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.lunchText
{
  max-width: 70vw;
}