title: images divs are not responsive with smaller screen size
body: <p>i have a 3 divs containg images in one section. they are aligned in one row on the large screen. but  they are not responsive on smaller screens . I need them to be responsive so they are below each others
  Thanks in advance</p>
  <pre><code>&lt;section id=&quot;about&quot;&gt;
          &lt;h1&gt;undrawa illustration&lt;/h1&gt;
          &lt;div class=&quot;about-container&quot;&gt;
              &lt;div class=&quot;image-container&quot;&gt;
                  &lt;h2&gt;web innovation&lt;/h2&gt;
                  &lt;img src=&quot;img/undraw_feeling_proud_light.svg&quot; alt=&quot;&quot; id=&quot;image1&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;image-container&quot;&gt;
                  &lt;h2&gt;web innovation&lt;/h2&gt;
                  &lt;img src=&quot;img/undraw_conceptual_idea_light.svg&quot; alt=&quot;&quot; id=&quot;image2&quot;&gt;
              &lt;/div&gt;
              &lt;div class=&quot;image-container&quot;&gt;
                  &lt;h2&gt;web innovation&lt;/h2&gt;
                  &lt;img src=&quot;img/undraw_proud_coder_light.svg&quot; alt=&quot;&quot; id=&quot;image3&quot;&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>