Header overlapping gallery

I added a code to customize desktop and mobile seperately

I used this code: 

@media only screen and(min-width:641px) {section[data-section-id="64ec927c1bee2b1a4ea28370"]{display:none}}

@media only screen and (max-width:640px) {section[data-section-id="64ec92a9c5e6c04a65f7a739"]{display:none}}

And it messed up the spacing on mobile for some reason

Anyone that could help?

@mvdison Would it be possible to share your website's URL? It's impossible to identify the issue without accessing the website. Thanks!

@Lesum Hi yes ofcourse, sorry!

www.madisonboshuijer.com

@mvdison You can try adding this code to remove the overlapping:

@media only screen and (max-width:640px) {
	section[data-section-id="64ec9d16c1aa6f7fa14f883e"] {
		padding-top: 120px !important;
	}
}

@Lesum That worked! But now the caption is being cut off. Is there a way to fix that?

*Edit: I now see it was cut off earlier aswell

@Lesum Perfect, thank you so much!