Get images in diff dimensions for diff div classes and also responsive as well, possible?

Hi,

Following challenge:

- I have a main article-headline image: 800x500px.
- I have a carousel which displays 3 article headline images at once.
- The CSS for those carousel-article-headline-image:

.carousel-article-headline-image {
	height:200px;
	width:300px;
}
[code]
 
and
 
[code]
.carousel-article-headline-image img {
    max-width:100%; 
    max-height:100%;
    margin:auto;
    display:block;
}
 
- I also use the main-article-headline-image in a grid menu with again above code but different div class and height and width px. 

Syndicate content