Yikes! These GIFs were an icon set I purchased and they came with all that extra space. That’s a good point… I can prob trim it down using some online GIF editor.
That said, I’ve been tinkering since I posted the question and came up with the following, which works perfectly!
Here’s the DESKTOP CSS:
.category-logo.aspect-image {
margin-top: -50px;
}
Here’s the MOBILE CSS:
.category-logo.aspect-image {
margin: -30px auto -20px auto;
}
And here’s some before and afters which show how things looked before adding the above CSS:
