Backgrounds for harlowe won't work in chrome

Salutations,
So I made a story which works when I test it, and works fine with safari, but doesn't load background images with Chrome. I tried a couple techniques and neither works.

The first I tried was

{(print: "<script>$('html').removeClass(\)</script>")
(if: (passage:)'s tags's length > 0)[
(print: "<script>$('html').addClass('" + (passage:)'s tags.join(' ') + "'\)</script>")
]}

html.door body {
background-image: url('http://scpsandbox2.wdfiles.com/local--files/rounzie/backdoor.jpg');
background-position: center;
background-size: cover;}

and then I tagged the passage I wanted the background to work on as door and added

{
(print: "<script>$('html').removeClass(\)</script>")
(if: (passage:)'s tags's length > 0)[
(print: "<script>$('html').addClass('" + (passage:)'s tags.join(' ') + "'\)</script>")
]
}

to the specific passage.


I also tried using

.castle {
background-image:url("http://ohiofi.com/img/The Castle 2.png");
background-size:cover;
}

in the stylesheet, and then in the castle passage I

put <script>$('body').removeClass().addClass('castle')</script>

Neither seems to work for me in chrome. I googled around a bit but couldn't find anyone else having this problem or any solutions. Anyone have any ideas?