How to crop a big image in Bootstrap carousel?

Question

how can I crop image in Bootstrap carousel if the resolution exceed the carousel size?

I've try using this CSS but it don't crop the image1 which is a little bigger than image2 and image2.

.carousel{width:640px; height:360px;}

DEMO: jsbin.com/hux/1

I want the image1 to be cropped like this:

DEMO: jsbin.com/hux/1

Solution

add overflow:hidden to the carousel class

.carousel {overflow:hidden}