Download assets, modify local files

I have 13 web pages that I am taking off of Wordpress.

https://offers.reppsports.com/free-raze-energy-drinks-delivered-to-you-2/
https://offers.reppsports.com/raze-energy-sample-checkout-doubleup/
https://offers.reppsports.com/checkouts/free-raze-4pack-checkout/
https://offers.reppsports.com/checkouts/raze-sample-get-offer/
https://offers.reppsports.com/offer/raze-swag-special-offer-vip/
https://offers.reppsports.com/offer/58-off-raze-on-the-go/
https://offers.reppsports.com/offer/raze-2-for-1-special-offer-vip/
https://offers.reppsports.com/offer/raze-focus-sample/
https://offers.reppsports.com/offer/double-up-on-raze-novip/
https://offers.reppsports.com/offer/double-up-save-3-novip/
https://offers.reppsports.com/offer/join-the-insiders-club-rz-special/
https://offers.reppsports.com/offer/hypersleep-sample-packs-x5-novip/
https://offers.reppsports.com/offer/58-off-raze-on-the-go-20/

For each of these pages I would like download all the remote assets (images, javascript, css) into a localized directory called 'assets' and modify the source of each page to reference the asset as 'assets/${filename}'.

The output of this project should be 13 folders whose name matches the name of the source file, e.g. 58-off-raze-on-the-go-20.twig. Inside of each folder should be the modified source file as well as a folder called 'assets' will all of the images, javascript, and css.

**some assets that need to be downloaded are referenced in Inline styles and will not download with a simple File>SaveAs, e.g.

.tpro-h4 {
background: url(https://offers.reppsports.com/wp-content/uploads/2020/07/nuclear.png) top 7px left no-repeat;
}

**the source files are TWIG files and will look like HTML files in every way.