Lazy Loader src and data-src attributes getting out of sync

Video attached with demonstration

Page fetches a data query which is filtered directly on the search box on the page
All data is cofretly upadted except the lasy laoder component.

basically after applying a filter to a data query, the data-src attribute seems to be updated but the plain src remains with an old value

for example:
<img class=“img-fluid rounded lazyloaded” data-src="/roomimages/4117/560/mid/Disabled-access2.png" src="/roomimages/6781/585/mid/Gold15.jpg">

Video attached

lazyloaderissue.mp4 (18.2 MB)

website: https://www.bookastudentroom.com/
Any solutions appreciated

Community Page
Last updated: