Website not looking right on ipad

Website is glitchy on iPad. When I’m working on it, things seem fine in both desktop and mobile view. But when I look at my site on an iPad it’s like a mix of them, and certain things to do not work right. For example, looking at my site right now on an iPad my logo is not showing up at all, and the about me page is formatted weird. Any suggestions? I have added some custom css into the page, in particular to hide certain section on mobile when viewing desktop and vice versa. But that part seems fine so I’m not sure how it affects the other things.

https://orchid-flatworm-splc.squarespace.com/

temppassword123

With logo, you mean this code doesn't work on tablet or?

@media only screen and (max-width: 640px) {
    .header-title-logo img {
        content:url("https://static1.squarespace.com/static/62e85551be37b67d2213c688/t/6345d7f695be675985577a24/1665521654194/logomobile.png") !important;
        height: 100px !important
    }
}