I've got Intervention running with Bootstrap but regardless of what I do I end up loading the full image on the page even though I can access the resized and cached versions directly via the url.

I've confirmed that the images are being resized and cached.

<img alt="image" class="background-image" src="img/digital-marketing-agency.jpg" srcset="imagecache/100/digital-marketing-agency.jpg 100w,imagecache/300/digital-marketing-agency.jpg 300w,imagecache/600/digital-marketing-agency.jpg 600w,imagecache/900/digital-marketing-agency.jpg 900w,imagecache/1200/digital-marketing-agency.jpg 1200w,imagecache/1600/digital-marketing-agency.jpg 1600w,imagecache/1800/digital-marketing-agency.jpg 1800w">

Admittedly not the most elegant way to do it. At the moment, I'm just copy and pasting while I try to get it working.

What would be a good way to build out the src-set links using the src link as the base source and get this working with Bootstrap?