Blurred Slide Image

I added the code below to resize my slide image #1 and it resized it ok. The problem I have is that the image is blurred and stretched at any size (the file as uploaded was an original size of around 200 x 100. I tried it as a smaller pixel upload too of around 70 x 100). The image shows clearly and unstretched as a thumbnail below where I upload the filepath, and it shows clearly and unstretched on my computer but it is stretched and blurred once it appears in the slide area. How can I resolve this problem?

.slide .images img{
width:200px;
height:100px;
}

 

I should add that the blurring of the image seems to be happening because of the stretching of the image. Your support help would be appreciated.

 

Figured out the problem. When I altered the CSS code, I inadvertently flipped my height and width values, which stretched the image.