Image card block align text to the top.

Site URL: https://modernbusiness.squarespace.com/categories/accessories

Is it possible to align to the top text in the image card block? Right now, it's centered. 

I know I can change the setting in the editor, but it's too high to the top. 

I'll have multiple pages of the same image blocks. 
It's Squarespace 7.0 Brine. 

Hello there!

Try this:

.sqs-block-image .design-layout-card .image-card {
position: absolute !important;
top: 0 !important;
}

Hope this helps.

5 hours ago, Wolfsilon said:

Hello there!

Try this:

.sqs-block-image .design-layout-card .image-card {
position: absolute !important;
top: 0 !important;
}

Hope this helps.

Hey. Thank you so much. It works great on the desktop. 
But on mobile and tablet, the text shows up on the image. 
How can change that text is under the picture? 

Screenshot in the attachment. 

Thanks again, Juris 

On 4/27/2021 at 11:25 AM, kristobans said:

Hey. Thank you so much. It works great on the desktop. 
But on mobile and tablet, the text shows up on the image. 
How can change that text is under the picture? 

Screenshot in the attachment. 

Thanks again, Juris 

Try this

@media screen and (min-width:641px) {
.sqs-block-image .design-layout-card .image-card {
position: absolute !important;
top: 0 !important;
}
}