Upon mouse hovering, any featured image turns into the image of a pencil. Also for the anonymous user. It looks like anyone can edit it but it just shows the pencil.

Hello please help!
I’m trying to get any image I upload to my header to actually do what the theme says on mobile and tablet screens. Desktop is fine, but on other screens the image is static and randomly positioned.
I would like for it to be able to scroll and placement make sense.
I’ve scoured through other forums on how to adjust this through CSS but nothing is responding.
Any advice is welcome!

Thanks

Hey guys, any help here would be great. Been trying to figure this one out for a while.
The logo/header isn’t matching up quite how I’d like it to and the logo seems to be overlapping the menu on larger mobile sizes such as an iPad (same results on iPhone XR), not sure what to try next. Hoping you guys can give me a bit of insight. Looks good on Desktop + Smaller screen sizes.
Issue here:
https://ibb.co/r7XN80j

Current Custom CSS:
u/media only screen and (max-width:768px) {
#logo-wrapper {
max-height: 120px
}
}
u/media only screen and (max-width:768px) {
.custom-header {
max-height: 90px;
}
}