Use CSS width property for responsive image

Set the width property to 100% for the responsive image. You can try to run the following code to make your image responsive


Live Demo

<!DOCTYPE html>
      <meta name = "viewport" content="width=device-width, initial-scale = 1.0">
            img {
               width: 100%;
               height: auto;
      <p>To check the effect, you need to resize the browser.</p>
      <img src = ""
         alt = "Python Data Science" width = "400" height = "300">