Changing section height on mobile only

Site URL: http://seadragon-helicon-5d72.squarespace.com/

I like how this section with background image appears on desktop but need its dimensions to look similair within the mobile view too, i also would like to align the button to where the bottom of the black text sits in the image on mobile as well

any help would be amazing thank you!!

Hi. What is password?

Sorry i didnt see this, its 'post123'

okay i figured out the height issues but id just like to make this button smaller and position it between the bottom of the text on the image and the bottom of the section

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1654855279352_3901 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    top: 30px;
}
}

Thank you so much, how would i make the font size smaller within the button?

9 hours ago, ochapman said:

Thank you so much, how would i make the font size smaller within the button?

Use this new code

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1654855279352_3901 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    top: 30px;
}
div#block-yui_3_17_2_1_1654855279352_3901 * {
	font-size: 12px !important;
}
}