CSS: 1 родитель + 2 детей. Возможно ли сделать изображение шире, чем его сиблинги, только когда оно в альбомной ориентации?

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

<div class="listing">
  <img src="${imgURL}" alt="${name}" />
  <div class="info">
         /* остальная часть кода */
</div>

 .listing {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;

    > img {
      flex: 1 1;
      width: 100%;
      max-width: 400px;
      object-fit: contain;
      background-color: #000000;
      border: 1px solid #000000;
    }

    .info {
      flex: 1 1;
      width: 100%;
      max-width: 400px;
      overflow: auto;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      border: 1px solid #000000;
}

Выше приведен код, с которым я settled. Его поведение такое, что IMG/listing всегда имеют одну и ту же ширину. Если изображение широкое, оно использует contain, чтобы добавить черные рамки сверху и снизу. Что я предпочел бы, так это следующее поведение:

квадратное изображение:
в горизонтальном режиме: одинаковая ширина, одинаковая высота с соседним элементом
после flex-wrap, в портретном режиме: одинаковая ширина, одинаковая высота с соседним элементом

высокое изображение:
горизонтальный режим: одинаковая ширина, одинаковая высота, соседний элемент увеличивается в высоту, чтобы соответствовать изображению
портретный режим: одинаковая ширина, соседний элемент короче, изображение располагается сверху, так что только их ширина должна совпадать

широкое изображение:
горизонтальный режим: изображение шире, чем соседний элемент, одинаковая высота
портретный режим: одинаковая ширина, соседний элемент выше, чем изображение.

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

Использование адаптивных единиц также не работает, потому что это отрицательно влияет на отзывчивость. Когда вы увеличиваете масштаб, оба ребенка растут, чтобы занять весь видовой экран, а когда вы уменьшаете масштаб, они оба сужаются, чтобы оставаться в видовой области. Уменьшение масштаба не должно оказывать воздействия на их размер, родительский контейнер должен выглядеть маленьким при уменьшении масштаба, а при увеличении должен выглядеть большим, с возможным переполнением, хотя в идеале должно быть немного места для сжатия, чтобы обеспечить перенос в портретный режим, и его края касались краев видового экрана. Использование пикселей обязательно, но соотношение сторон изображения имеет ключевое значение для того, чтобы один из двух детей занимал нужное количество пикселей, а также сложность в том, что при увеличении масштаба родитель будет оборачивать flex, поэтому второй ребенок изменит форму.

Родитель должен иметь идеальную прямоугольную форму, горизонтально в горизонтальном режиме, вертикально в портретном режиме, с обоими детьми, касающимися краев родительского контейнера.