Откат элемента <picture>не запускается

Question

Я пытаюсь заставить элемент изображения работать, но он не загружает резервный img

   <div class="card">
        <picture>
            <source type="image/png" srcset="https://company-dev.s3.amazonaws.com/carscan/https://lorempixel.com/250/250/transport/?66555">
            <img class="card-img-top scale-on-hover" alt="Fallback" src="http://carscan.test/storage/images/no_image_found.jpg">
        </picture>

        <div class="card-body">
            <h6><strong>Location</strong>: Door LB</h6>
            <p><strong>Type</strong>: Window Crack <br>
            <strong>Severity damage</strong>: Medium</p>
        </div>
    </div>

В моем браузере я получаю 403 на исходном элементе (aws), но затем Я ожидаю, что это будет go для резервного изображения. Но вместо этого он показывает мне маленький значок img вместе с моим альтернативным текстом

Когда я удаляю исходный элемент из элемента, мой элемент img отображается без каких-либо проблем. Я забыл элемент или маленький символ?

Answer 1

Попробуйте это как альтернативу

 <p>
    <object data="https://company-dev.s3.amazonaws.com/carscan/https://lorempixel.com/250/250/transport/?66555" type="image/png">
       <img src="https://cdn.sstatic.net/Img/unified/sprites.svg?v=e5e58ae7df45" alt="Stack Overflow logo and icons and such">
    </object>
 </p>