Responsive image and api resize

[pwired]

Hi,

I have a simple right arrow that walks the visitor from page to page, this right arrow is a simple jpg picture.

I use following css to have the right arrow jpg responsive:

.img{
    height: auto;
    max-width: 100%;
    width: auto;
}

However when I have a big version of an arrow.jpg and use api to resize it like this $arrow = $arrow->width(50);

it stops being responsive. When I take out the part $arrow = $arrow->width(50); it is responsive again.

But then I have to resize the big arrow picture outside with a picture editor before I use it in the backend.

Any Ideas how to be able to use $arrow = $arrow->width(50); without the responsive css stop to work ?

See second post.

[pwired]

Rectification:

It never stopped to be responsive, only the small size of width(50) made me not see that.

Once I tried width(150) the responsive behaviour became visible again.