С чем может быть связано не правильный вывод изображений?

Question

[anmkh]

Выводится изображение так:

<img
  src={bgURL}
  className="hero__bg"
  srcSet={`${bgURLMob} 375w, ${bgURL} 600w`}
  sizes="(max-width: 375px) 375px, 600px"
  alt={title}
/>

По идеи на мобильном 375 должно вывестись изображение bgURLMob, а выводится десктопное bgURL

Answer 1

[anmkh]

Если вставлять изображение через тег picture, то работает нормально:

<picture>
				<source media="(min-width: 600px)" srcset={bgURL} />
				<source media="(max-width: 599px)" srcset={bgURLMob} />
				<img
					className="hero__bg"
					src={bgURL}
					width="359"
					height="694"
					alt={title}
				/>
			</picture>