Web objects - set loading frame from solid white to transparent

This has been annoying me for a while and I just figured out how to fix it, so thought I'd share it here in case it helps anyone else...

The problem:

Using Captivate 9 - My project has a lot of web objects throughout it. I have the "Loading Animation" box ticked in the style section of each web object's property panel. After publishing as a (HTML5 only) SCORM package and viewing the output - each loading animation appears in an ugly, solid white iframe that clashes with the background colour and style of my work.

To fix this:

• In the published files, navigate to the directory: ../assets/css
• Locate the CPLibraryAll.css file and open it in a text editor
• Add the following line of CSS to the bottom of the file to override the style of every instance of loading frame:

[id^="loading_Web"]
{
      background-color:transparent!important;
}