El div no se redimensiona automáticamente al redimensionar la imagen al usar flex

Este es mi código en el que quiero que la imagen del logo sea redimensionable. Además, quiero un elemento div en el extremo opuesto para que el usuario pueda arrastrar y soltar el logo en ese contenedor. Para tener ese arreglo, estoy usando flex display con justificify-content como espacio intermedio. Pero con Flex el fondo no se redimensiona automáticamente. Si quito el estilo flexible, funciona bien, pero mi div no es visible en línea en la esquina derecha extrema, como quiero.

<div class="relleno-izquierda-pequeño-fondo-azul">
            <div class="@Html.RtlClassName() contenedor">
              <div class="padding-bottom-small adhibido-arriba-pequeño" style="display: flex; justificify-content: space-between" >
                <a class="logo-image" estilo="">
                  <img data-gjs-type="image" data-gjs-draggable="div[class~='padding-bottom-small']" src="logo.png"></img>
                </a>
                <div style=" ancho: 61px; altura: 61px;"></div>
              </div>
            </div>
          </div>