My slideshow won't float right

I’m having trouble getting a slide show to float right or left the way I want it to. I did this before on another website, and it’s working perfectly (http://www.carriage-house-inn.com/) Now I’m building a new site, and I want the slide show on the home page to behave the same way.

I’ve created a new custom style named “Light – Float Right”, and pasted the same code that’s in the Custom style on the other website, namely:

.slideshow_container {
float: right;
margin: 5px 5px 5px 0;
}

I’ve applied that style to the slideshow I created, but when I paste the shortcode into the page, the slideshow will not float right – it remains centered on the page.

http://accutonepiano.com.50-22-24-130.servelink.com/

I want the text to flow around the slideshow as it does on the other website’s home page. What am I missing?

https://ww.wp.xz.cn/plugins/slideshow-jquery-image-gallery/