make image block bleed to top edge of section

Site URL: https://www.j2tampa.com/

Hi Squarespace!

The 1st attachment shows what I've got right now, with the happy face sitting in the middle of the section. The 2nd attachment is how I would like it to be, with the happy face bleeding to the top edge of the section. Sure hoping somebody can share some code for making that happen 🤞🙏😃

Add to Design > Custom CSS

/* Borrow Happy */
[data-section-id="6252222289108a6ccd68bea4"] div[class*="content"], [data-section-id="6252222289108a6ccd68bea4"] .image-block {
    padding-top: 0px !important;
}

1 hour ago, tuanphan said:

Add to Design > Custom CSS

/* Borrow Happy */
[data-section-id="6252222289108a6ccd68bea4"] div[class*="content"], [data-section-id="6252222289108a6ccd68bea4"] .image-block {
    padding-top: 0px !important;
}

 

HOORAY! Got much closer. Do you know why there's still a little gap? THANKS, TUAN.

Replace the current image with this attached image

6 hours ago, Web_Solutions said:

Replace the current image with this attached image

Well would you look at that—that's the 2nd time you've bailed me out this weekend! All the thank yous! Thank you, too @tuanphan! You guys are the best.

Okay @Web_Solutions now I'm pushing my luck with your generosity, but there's just one teeny tiny more thing... I'm still getting a gap on mobile. Any way to correct for that? 

Just add these code on Custom CSS section 

#page [data-section-id="6252222289108a6ccd68bea4"]{
  @media(max-width:767px) {
    .sqs-block.image-block.sqs-block-image{
	  padding-top: 0 !important;
    }
  }
}

@Web_Solutions 👍😃🙏❗