title: Making image and text responsive
body: <p>I want my image and text to be responsive, I have added image for the format I need, but I used some coding and I'm not able to do it the right way. Please can someone help me out here?</p>
  
  <p>I have this format here for desktop version <a href="https://i.stack.imgur.com/FzStm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FzStm.png" alt="display in desktop version"></a></p>
  
  <p>and this is what I see in tablet for screen 768
  <a href="https://i.stack.imgur.com/Qg3fl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qg3fl.png" alt="image for tablet"></a></p>
  
  <p>now I want in tablet to be similar as in desktop
  <a href="https://i.stack.imgur.com/GVOwt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GVOwt.png" alt="image I want for tablet"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media (min-width:641px) {
  .home-top{
    background: url(../../images/index/u155.png);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 280px;
    color:#fff;
    padding-top: 30px; 
    padding-bottom: 30px; 
      }
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="home-top "&gt;
      &lt;div class="container"&gt;
          &lt;div class="lg-container"&gt;
              &lt;div class="lg-container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-4 "&gt;&lt;img src="&lt;?php echo URL ?&gt;public/images/image_directeur.png" class="director-img"&gt;&lt;/div&gt;
                        &lt;div class="col-md-8 "&gt;Mot de l’Inspecteur Général en charge de l'IGF &lt;br&gt;&lt;br&gt;Dans le cadre de la coopération avec les corps supérieurs de contrôle des finances publiques, l'Inspection Générale des Finances du Maroc a reçu du 25 au 28 août une délégation, composée de cinq responsables, de l'Inspection Générale des Finances d'Haïti conduite par son Directeur général Mr Salomon Jude Alix Patrick...  Dans le cadre de la coopération avec les corps supérieurs de contrôle des finances publiques, l'Inspection Générale des Finances du Maroc a reçu du 25 au 28 août une délégation, composée de cinq responsables, de l'Inspection Générale des Finances d'Haïti conduite par son Directeur Général Mr Guy Romero LATRY...
                          &lt;br&gt;&lt;br&gt;
                          Guy Romero LATRY &lt;span style="float: right;"&gt;&lt;button class="home-top-btn"&gt;Lire l'article &gt;&gt;&lt;/button&gt;&lt;/span&gt;
  
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>