Transparency on Image Carousel

I was able to set transparency on my background, wrapper and header using this code:

#main-wrapper.hb-boxed-layout {
background: none;
}
#main-content{
background:#fff;
opacity:0.7;
}
#header-bar,
#header-inner-bg{
opacity: 0.7;
}

In Highend Options, General Settings, Custom CSS. However, I have image carousels on multiple pages and it is also make the images transparent. How can I set the images to NOT be transparent?

http://www.treasureislandporta.com/the-lounge is one example