La mejor forma es crear un div general el cual contenga dentro los divs hijos, que serán los que contengan tu imagen, dentro de los divs hijos agregar con css el atributo **background-image**, con eso podrás agregar una imagen de fondo sin que esta afecte a otros elementos dentro del div, eso incluye texto u otras imagenes.

La etiqueta **img** funciona bien pero es un elemento, mientras que un div con el **background-image** es un contenedor por lo que no afecta a otros elementos dentro del mismo div.

Cabe recalcar que tendrás que agregar un height y width a tu contenedor para que se muestre, no tienen tamaños dinámicos como las imagenes, aunque claro puedes usar tamaños en porcentajes, pixeles o basados en el viewport.

Aquí un pequeño ejemplo de como lo haría yo.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    /* Div General */
    .row {
    width: 100%;
    display: flex;
    }

    /* Div contenedor*/
    .col-1 {
    width: 50%;
    display: inline-block;
    height: 40vh;
    text-align: center;
    color: #fff;
    padding: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    }

    /* Background del div */
    .img1 {
    background-image:url(https://i.imgur.com/jnr11dF.png);
    }
    .img2 {
    background-image:url(https://i.imgur.com/5XtVcVl.png);
    }

<!-- language: lang-html -->

    <div class="row">
      <div class="col-1 img1">
        <h2>Titulo Aquí</h2>
        <p>Insertar contenido del div aquí.</p>
      </div>

      <div class="col-1 img2">
        <h2>Titulo Aquí</h2>
        <p>Insertar contenido del div aquí.</p>
      </div>
    </div>

<!-- end snippet -->

Dentro de las propiedades del **background** puedes usar **background-size** que sirve para determinar el tamaño de las imagenes del background. 

**background-size: cover;** si quieres que automáticamente se adapte al tamaño, 
**background-size: 100%;** si quieres que siempre se muestre el 100% del tamaño de la imagen y puedes seguir jugando con otros tamaños basados en pixeles, porcentajes, viewport o incluso en cálculos usando la función **calc** de css.

Usar el **background-position** para agregar una posición de la imagen, al centro, arriba, abajo, abajo a la izquierda o bien basado en cálculos, esta suele ser la mejor forma, pero depende de ti el como te sientas mas cómodo.