Rotating Images on Homepage with Static Images on Other Pages
 

I want to use the rotating image function on just the home page, but have static images on the other pages.

I have used this simple piece of code to try and do this:

body.page-id-2 div#imagecontainer {
background-image: url(http://www.website.com/wp-content/he...ages/about.jpg) !important;
}

I can see the static image load when the page is served, but it is quickly covered by the rotating images.

How can I turn off the rotating images and see only the static image on the about page?