a title

some content

dark red area is .container, "contents" for example

light orange area is .container-fluid, "titles" for example (requires a minimum fixed top margin to clear nav - pink area)

PROBLEM: Change the browser window width. The bright orange background area maintains aspect ratio including the curve and the viewport of the image

BUT the position of the content and title remain fixed meaning their positions relative to one another change which, depending on screen width, creates all sorts of clashes and unintended layouts [*1]

SOLUTIONS (and issues)

[*1] Example