I am a bit green so I'll explain as best as I can.
The first image on all of my AMP website has a white gap between the title bar and header image that makes it all awful. I tried several approaches like
<style amp-custom>
div.img-wrapper {
margin: 0 auto;
}
</style>
in the head, followed by
<div class="img-wrapper">
<amp-img
src="https://myimg.png"
width="950"
height="600"
layout="responsive"
>
</amp-img>
</div>
in the body, but doesn't seem to work. I tried following other answers, like the one about vertical positioning but nothing again. Can anybody explain where I go wrong, please? The page in question is https://crystalhealinglondon.com/amp. I am using WP AMP plugin but am de-activating it in some pages to make my own formatting. Could be this the problem? Many thanks for your help