[Help Wordpress] Cannot resize image

Cannot resize image

Hello - I am trying to achieve a layout where the image sits to the left of the title & caption. I have got this to work - http://66.147.242.162/~southbg5/ - but I cannot seem to size the image correctly. I have tried all of the presets to achieve this but the image keeps stretching to a larger size. My CSS for the image size is getting overwritten by this default Royal Slider CSS -

.rsContentSlider img {
    display: block;
    height: auto;
    width: 100%;
}

Here is the CSS I am using -
#new_royalslider_widget-2 {
float: left;
width: 720px;
height: 250px;
background: black;

}
.royalSlider {
direction: ltr;
height: 250px;
position: relative;
width: 720px;
background: transparent;
}
.rsContainer {

}
.rsContentSlider img {
    display: block;
    height: 250px;
    width: 475px;
}

.rsContent img{
   float:left;
width: 475px;
height: 250px;
}

.slider-text {
position: absolute;
  left:500px;
    top: 0px;
display: block;
background-color: black;
width: 225px;
height: 250px;
z-index: 99px;
color: red;
}

.slider-text h3 {
 font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
color: white;
 font-style: normal;
text-transform: none:
}

.slider-text p {
color: white;
}

.rsNav {
position: absolute;
  left: 475px;
    top: 200px;
}

Can you please help?

.

help.dimsemenov.com