Почему тег picture отображает обе картинки?

Question

[Илья Матвийчук]

Здравствуйте, вот скрин.
по теням видно, что загружаются обе картинки

<picture>
        <source class="png" srcset="img/mount.webp" type="image/webp">
        <img class="png" src="img/mount.jpg">
</picture>
<picture>
        <source class="png" srcset="img/forest.webp" type="image/webp">
        <img class="png" src="img/forest.jpg">
</picture>

Мне остаётся только убрать поддержку JPG фоток, или вы знаете, как решить проблему?

АПД: Я не понимаю, почему оно занимает место?

Answer 1

[Илья Матвийчук]

всё починилось, когда оставил класс только у img.

<picture>
        <source srcset="img/mount.webp" type="image/webp">
        <img class="png" src="img/mount.jpg">
</picture>
<picture>
        <source srcset="img/forest.webp" type="image/webp">
        <img class="png" src="img/forest.jpg">
</picture>

Но нет возможности проверить на сафари, правильно ли заменяются webp на jpg