Image disappears when Pin hover is enabled

Hi
When I enable to Pin hover button, some images no longer disaply on the page.
You can see this here https://atravelinglifecom.bigscoots-staging.com (There is a section called MEET BRIANNE) which exhibits the issue.

I’ve tried disabling other plugins, disable lazyloading but still can’t get them to display.

This is the HTML that is generated –

<img src="data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" data-src="https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio.jpg" class="" alt="" loading="lazy" data-srcset="https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio.jpg 1024w, https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio-300x200.jpg 300w, https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio-768x512.jpg 768w, https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio-585x390.jpg 585w, https://atravelinglifecom.bigscoots-staging.com/wp-content/uploads/2021/12/a-traveling-life-brianne-miers-bio-263x175.jpg 263w" sizes="(max-width: 1024px) 100vw, 1024px" data-pin-description="A Traveling Life | Working to See the World" data-pin-title="A Traveling Life | Working to See the World" style="" width="1024" height="683">

Thanks

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