Width of text field on banner / home page

See my domain adlink.no. I want to adjust the text block at the top with css so that the text does not cover the model on the picture. 

Is it possible to adjust this with CSS? See uploaded image for details. 

add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-061b466105d8ee37df66 {
    max-width: 75%;
}
}

you can play around 75%

This worked really well! Thanks! Is it possible to do the same if I want the text to be placed on the right hand side of the photo? See enclosed photo for details and adlink.no (on mobile). 

@media screen and (max-width:640px) {
section#hei .Index-page-content {
    padding-top: 10px;
    padding-bottom: 110px;
    text-align: right;
}
div#block-061b466105d8ee37df66 {
    max-width: 100%;
}
}