Help needed to make image responsive

Hi all
OC 2.1, using logancee theme site is here http://www.themeatingjoint.shop
if you select a category using http://themeatingjoint.shop/index.php?r ... y&path=101
you will see a image displayed in the breadcrumbtrail which on my laptop is perfect but on my mobile is truncated... so its not being responsive. This is despite the suggestion from the author that i entered the following in custom css section options for the theme.
@media (max-width: 767px) {
.responsive #main .breadcrumb .container { padding-top: 40px;padding-bottom: 40px; }
}

does anyone have any suggestions please...

thanks george

The Image (Banner) is already responsive, and I see no other pic after
a Breadcrumbs - Line (which does not seem to exist either)
Ernie
download/file.php?mode=view&id=36769

sorry Ernie I dont understand...
your images top one looks like my laptop,
bottom left does look responsive in comparison with the top one
bottom right looks like what I am describing as non responsive
the image is chopped up beef pieces in the background with onion on the left
look at the absence of the number of beef pieces on the bottom left image...
what is the difference between bottom left and bottom right?? ie how did you get two different pictures???

thanks

george

Well, I also don't know, what you mean, to me, it looks ok. But if you need
something to be changed, better contact the Theme Supplier, because je's
the only one, able to assist. Especially on a Theme, in no way comparable
with a default OC Theme in the first place.
Good Luck, nothing personal ...
Ernie