Aligning Text over Background Section to bottom left and having it responsive

Site URL: https://grape-flamingo-lj23.squarespace.com/

Hi, 

I'm trying to align a text block to the edge of a background image on 7.1 (inset image).  I have managed to do it to a certain extent with the following css but it's not responsive on larger screens.

#block-yui_3_17_2_1_1609362102104_6792 {
    position: absolute;
    bottom: 0;
    transform: translate(100px, 150px);
}

Have attached an image to explain it better.  I just want it in the same position for any screen size from a tablet, laptop and desktop upwards.

URL: https://grape-flamingo-lj23.squarespace.com/

Thanks

Hi. It looks like you solved this? Do you still need help on this?

Also, the footer on tablet doesn't look good. Do you want to align center/left or right all?

Thanks @tuanphan I'd like to align all footer elements in the centre.  Do you have the code for that?

Thanks

On 3/9/2021 at 9:07 AM, sageandsquare said:

Thanks @tuanphan I'd like to align all footer elements in the centre.  Do you have the code for that?

Thanks

Hi. Add to Design > Custom CSS

/* Center tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
footer#footer-sections .content {
    width: 100%;
}
}