img always full fill the editable space

[Nothing-Works]

Is this a bug report or feature request? (choose one)

Other

Hi I was following this tutorial to set up document editor.

this img I uploaded is always full fill the editable space, is this my problem? or how am I able to solve it?

BTW I am using a custom upload adapter, and it's inlining base 64 string url for img.

Or this is maybe my custom upload adapter issue?

Update

if I were to remove min-height: 21cm; in the CSS below. the space is gone. But I do want to set a min height.

.document-editor__editable-container .ck-editor__editable {
    /* Set the dimensions of the "page". */
    width: 15.8cm;
    min-height: 21cm;

    /* Keep the "page" off the boundaries of the container. */
    padding: 1cm 2cm 2cm;

    border: 1px hsl( 0,0%,82.7% ) solid;
    border-radius: var(--ck-border-radius);
    background: white;

    /* The "page" should cast a slight shadow (3D illusion). */
    box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );

    /* Center the "page". */
    margin: 0 auto;
}

the pic below shows the result

any help or suggestion is appreciated !!!

[Nothing-Works]

sorry, this is purely a css issue.