Using a different logo on tablets only?

Site URL: https://its1647.squarespace.com/

I'd like to use my mobile logo ONLY on tablets, not on desktop or phones. Is there a way to force Squarespace 7.1 to do this?

site = https://its1647.squarespace.com/

password = teach

Thank you!!

Following up in case anyone out there has any ideas. I think the solution is to:

1. Set one logo for the site itself,
2. Add an alternative logo under Custom CSS > Manage Custom Files
3. Find the url of that logo
4. Use CSS to tell the site to use the alternative logo for tablet widths. 

I *think* it would look something like this, but my CSS is wrong. Any suggestions?

________

@media screen and (max-width:1024px) and (min-width:641px)
{
.Header-title-logo {content:url(URL OF ALTERNATIVE LOGO);
}

You need this code

/* tablet logo */
@media screen and (max-width:1024px) and (min-width:768px) {
.header-title-logo img {
	content: url(paste image file url here);
}
}