I've been beating my head for the last 30 minutes and can NOT figure out why WebFlow is acting so idiotic.

I create a section.I create a container.I add a picture.I choose 'from blog'I choose 'author/picture'and the image does NOT show, and the element kinda goes to some weird top, left corner for no apparent reason.

I've deleted the section, and recreated it. I've deleted the author and recreated it and this behaviour is persistent.

The section, container and picture elements are acting weird because they have no dimension.

They have no dimension (especially height) because they have no content.

They have no content because the picture doesn't show up.

The picture doesn't show up because there is no author designed for this post (the only published post).

So to fix all this chain of behaviors, edit your post and where you're supposed to chose an author for it, unfold the list and select your author DragonDon. Now back to the template, the picture is there where it should be.

The gif is too big for the forum limits. For screencasts prefer using videos, it's better quality at a fraction of the weight.

When elements appear as a thin line, or as a dot in the upper left corner, it's because they have no content, hence no dimension, hence no "existence" in HTML. The browser acknowledges their presence and Webflow shows their bounding box where HTML "place" them, at the default position, the origin of the browser. I find it to be a good depiction of what really happens, technically