Атрибут sizes="(max-width: 768px) 100vw, 50vw" сообщает браузеру занимаемую ширину слота — вместе с srcset="... 800w, 1200w" выбирается оптимальный файл.
Неверный sizes — частая причина загрузки 2x изображения на мобильном и лишнего трафика.
- [sizes — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#sizes) — Синтаксис sizes.
- [Responsive images — web.dev](https://web.dev/articles/responsive-images) — srcset и sizes.
---
## DevTools
В Network смотрите, какой URL img реально запросил — сверяйте с макетом на каждом брейкпоинте.