Header Cuts off my Image

Site URL: https://koi-tarpon-n5ta.squarespace.com/home

Site URL: https://koi-tarpon-n5ta.squarespace.com/home

When I add a header to my page that is not transparent, it cuts off the top of my image.  I assumed it would automagically move the image down to start under the header.  Resetting the focal point of the image doesn't make enough of a difference.  I have tried different cropping/resizing techniques for the image, but haven't found anything that works.  I saw some other posts about this, but the only technique I could get to work is adding a blank section which created too large of a space.

Temp password: sm@llt0wn-config!

Thank you!

Hi,
I had a quick look. I think you have 2 options:
(DESIGN > CUSTOM CSS)

A) move the whole content down

e.g.

.page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
    align-items: center;
    margin-top: 130px;

B) or only  this individual image

[data-section-id="61479941d692124298d8f9b1"]
{margin-top: 130px !important}}

Hope that helps!

Besides that you might have another photo with more spacing on all sides.