fixing large image to mobile screen automatically

Hi,

how to resize only the image automatically to mobile screen.
image size: 1045px * 250pxhere is the code i am using but this does not do so.Client Scripts - List page - start up scriptimage position: data-rowindex=“6”$(document).ready(function() {
$(“#r6_breakfast”).after(“

”);
$(“#banner”).css({“position”: “relative”, “top”: “0”, “height”: “auto”, “background-size”: “contain”, “background-position”: “center”, “background-repeat”: “no-repeat”});
$(“#banner”).img({“width”: “100%”, “height”: “auto”, “align”: “center”});
});your assistance is highly appreciated
Thank you

You may read https://getbootstrap.com/docs/4.4/content/images/#responsive-images.

Thank you,
now its excellent.

Hi.
Apis…
Show your solution…
where you put code ?
how to ?

Thanks a LOT :slight_smile: