Images in PDF not showing at all, details provided in description

[alessiooli]

I'm able to output all the texts from the webpage in the PDF but no image is showing at all, even if I pass document.body to .from() method, to output the entire page.
What happens is that I get no image but I get a link in the same place where the image should be, so if I click on it, it opens the browser to the path of the image. The images are in .webp format and is outputted as follows:
<a id="brxe-lunvnm" class="brxe-image tag bricks-lightbox" href="http://localhost/******/wp-content/uploads/2024/03/image-title.webp" data-pswp-src="http://localhost/*****/wp-content/uploads/2024/03/image-title ![screenshot](https://github.com/user-attachments/assets/579869d9-f9d6-4bbb-9125-d3e8f554057e) .webp" data-pswp-width="1920" data-pswp-height="1280”> <img width="1024" height="683" src="http://localhost/****/wp-content/uploads/2024/03/image-title.webp" class="css-filter size-large" alt="Alt text" decoding="async" fetchpriority="high" data-type="string" sizes="(max-width: 1024px) 100vw, 1024px" srcset="http://localhost/*****/wp-content/uploads/2024/03/image-title.webp 1024w, http://localhost/****/wp-content/uploads/2024/03/image-title.webp 300w, http://localhost/*****/wp-content/uploads/2024/03/image-title.webp 768w, http://localhost/******/wp-content/uploads/2024/03/*******webp 1536w, http://localhost/******/wp-content/uploads/2024/03/image-title.webp 1920w"> </a>

EDIT: tech specs: wordpress + bricks builder