title: How do i fix the responsive height of an image in tailwind css?
body: <pre><code>      &lt;!-- this is the container with the services paragraph and the image of an egg --&gt;
  
        &lt;!-- this is the first container with the paragraph --&gt;
        &lt;div class=&quot;flex flex-1 flex-col items-center lg:items-start p-4&quot;&gt;
          &lt;div class=&quot;px-28 pt-16&quot;&gt;
            &lt;h2 class=&quot;text-3xl md:text-4xl lg:text-5xl mb-6 font-bold&quot;&gt;
              Transform your brand
            &lt;/h2&gt;
            &lt;p class=&quot;mb-6&quot;&gt;
              We are a full-service creative agency specializing in helping brands
              grow fast. Engage your clients through compeling visuals that do the
              most marketing for you
            &lt;/p&gt;
            &lt;span&gt;&lt;a href=&quot;#&quot;&gt;Learn more&lt;/a&gt;&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- this is the first image displaying an egg --&gt;
        &lt;div
          style=&quot;background-image: url(./images/desktop/image-transform.jpg)&quot;
          class=&quot;
            bg-cover bg-center
            text-center
            w-100
            h-100
            flex
            container
            flex-1
            text-center
          &quot;
        &gt;&lt;/div&gt;
      &lt;/section&gt;
      &lt;!-- this is the container with the services paragraph and the image of a glass --&gt;
      &lt;section class=&quot;flex flex-col lg:flex-row&quot;&gt;
        &lt;!-- this is the first image displaying some glasses --&gt;
        &lt;div
          style=&quot;background-image: url(./images/desktop/image-stand-out.jpg)&quot;
          class=&quot;
            bg-cover bg-center
            text-center
            w-100
            h-100
            flex
            container
            flex-1
            text-center
          &quot;
        &gt;&lt;/div&gt;
       
  
  
  </code></pre>
  <p>So the glasses and egg pictures look fine in desktop but the thing is as soon as i test the responsivenes they dissapear, i tried changing the width and the height but it doesn't seem to make any change. Any idea on why this seems to happen?</p>