title: background image disappear on break point (bootsrap)
body: <p>So, hello world
  I'm starting a new web design career so I have my first noob problem, I'm trying to put image and text side by side on my web design but when the breakpoint goes below 560px the image disappear and I don't know why,
  I hope someone could help me
  Here is de CSS:</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>.proposito-img {
    background-image: url(../img/competencia.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: visible;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"&gt;
  
  &lt;div id="#proposito-1" class="container-md mt-5"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-6 proposito-img"&gt;
  
          &lt;/div&gt;
          &lt;div class="col-md-6 fondo-morado texto-blanco g-0 p-5"&gt;
              &lt;h3 class="fw-bold texto-blanco"&gt;
                  Proposito
              &lt;/h3&gt;
              &lt;p class="justificado"&gt;
                  El estudiante fundamentará la importancia de la epistemología, (rama de la filosofía que
                  investiga sobre el conocimiento científico y expresa en teorías el resultado de esas
                  investigaciones). Con la finalidad de investigar los fundamentos de la educación como
                  construcción social de la realidad y sobre la condición educable del hombre.
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>