AMP pages not serving all images in Webp

All images on my articles are not served as webp when I test on lighthouse for mobile. The network tab shows that images are loaded in jpeg format. I am using cloudflare as CDN. Below is the html for images.

<figure class="alignleft size-medium"><amp-img width="237" height="300" src="https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle-237x300.jpg.webp" class="wp-image-2721 amp-wp-enforced-sizes i-amphtml-element i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" srcset="https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle-237x300.jpg.webp 237w, https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle.jpg 710w" layout="intrinsic" i-amphtml-layout="intrinsic" i-amphtml-auto-lightbox-visited="" style="--loader-delay-offset:1ms !important;"><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" role="presentation" aria-hidden="true" class="i-amphtml-intrinsic-sizer" src="data:image/svg+xml;charset=utf-8,<svg height=&quot;300px&quot; width=&quot;237px&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;/>"></i-amphtml-sizer><amp-img fallback="" width="237" height="300" src="https://merchnstuff.net/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png" class="wp-image-2721 amp-wp-enforced-sizes i-amphtml-element i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-built" srcset="https://merchnstuff.net/wp-content/plugins/accelerated-mobile-pages/images/SD-default-image.png 237w, https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle.jpg 710w" layout="intrinsic" i-amphtml-layout="intrinsic" i-amphtml-auto-lightbox-visited=""><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" role="presentation" aria-hidden="true" class="i-amphtml-intrinsic-sizer" src="data:image/svg+xml;charset=utf-8,<svg height=&quot;300px&quot; width=&quot;237px&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;/>"></i-amphtml-sizer></amp-img><img decoding="async" sizes="(max-width: 360px) 174px, 100vw" src="https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle-237x300.jpg.webp" srcset="https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle-237x300.jpg.webp 237w, https://merchnstuff.net/wp-content/uploads/2020/10/rick-from-rick-and-morty-shy-pooper-puzzle.jpg 710w" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img></figure>

The page I need help with: [log in to see the link]