You can be more precise in the image width than what this page uses, but this gives you an idea of how to create responsive images
This is one method of creating a responsive image
Follow the steps to make the image on the image-responsive.html page a responsive image that automatically reduces the width of the image on smaller screen sizes
Creating a Responsive Image
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.