Картинка не отображается на половину экрана. Как исправить?

У меня есть две картинки. Я хочу, чтоб при ширине экрана более, чем 600рх, у меня отображался более полный вариант логотипа youtube, который будет занимать половину окна просмотра. При ширине менее, чем 600рх должен отображаться более "сжатый" вариант этого же логотипа.

Все бы ничего, но при добавлении условия 50vw, более полный вариант логотипа youtube перестает выводиться. Чем можно объяснить такое поведение?
Вот мой код:

<picture>
  <source srcset="https://i.postimg.cc/L5hRsX4B/youtube-logo-font.jpg" media="(min-width: 600px) 50vw">
  <source srcset="https://i.postimg.cc/yN7Mddvg/Logo-youtube-ios-cropped.jpg">
  <img src="https://i.postimg.cc/yN7Mddvg/Logo-youtube-ios-cropped.jpg" alt="photo-youtube">
</picture>

Что не так?