My fallback image does not work on safari

I have a picture tag looking like this.

<picture class="flexP">
        <source srcset="images/aboutMeBig.webp, images/aboutMeBig2x.webp 2x, images/aboutMeBig3x.webp 3x"
          media="(min-width: 1000px)">
        <source srcset="images/aboutMeMedium.webp, images/aboutMeMedium2x.webp 2x, images/aboutMeMedium3x.webp 3x"
          media="(min-width: 600px)">
        <source srcset="images/aboutMeSmall.webp, images/aboutMeSmall2x.webp 2x, images/aboutMeSmall3x.webp 3x"
          media="(max-width: 599px)">
        <img class="imgInP" src="images/aboutMeFallback.jpg"
          srcset="images/aboutMeFallback.jpg, images/aboutMeFallback2x.jpg 2x, images/aboutMeFallback3x.jpg 3x"
          alt=" About me img">

When I run my website on Safari I thought that the browser will use my fallback images since Safari doesn't support webp. However, when I run my website on Safari my images don't appear. Is this because I have done something wrong with my picture tag? How can I fix this?