On the trip index page stop loading images that are hidden

[gabrieldeal]

Add a resize handler that inserts/deletes the <img /> on resize? Use <picture />? Use a background image?

[gabrieldeal]

onResize(() => {
  const unloadedImageDivs = $('div[data-url not empty]')
  unloadedImageDivs.is(:visible).forEach((div) => move data-url value into a new <img>)
})