How make bigger image to responsive

I want to know that If I have this template and I write a article and put an image whose is 1150 px but I put that image in this code in the article <img src="smiley.gif" alt="Smiley face" height="650" width="350". After putting this code I want to know will the image still responsive for mobile or adjustable as per the widow screen. How we can make this image from 1150 px to responsive in the article?

Like this:



<img src="smiley.gif" alt="Smiley face" style="width:1150px; height:auto; max-width:100%;" ....


So it will be 1150px when there is space and when screen is less than 1150 max-width will limit it to 100% of container width

Dear Sir I found out a new way by doing it or Check the box for "Constrain Proportion". For more clarification I am attaching the screenshot of the image. I just want to confirm which one is right method to do so and staright forward this one or your one to avoid any other problem.

Ok, this is way you would do it directly from HTML.