big images in front

Can someone please tell me how can i put those big images in the beginning of the page(town_summer...). It only shows to me when i want to view the modules.

Can someone give me a guidance, is it a module that i have to create?

Thanks.

They display over layout row with class fullwidth

in layout.css:

.fullwidth {
background: url(../images/custom/town_summer.jpg) no-repeat bottom;
background-size: cover;
}


in index.php of template you have this script for toggling:

<script type="text/javascript">
jQuery(".subtext").toggle(
function () {
jQuery('.fullwidth').css('background-image','url(/one_page/templates/hot_one_page/images/custom/town_winter.jpg)');
},
function () {
jQuery('.fullwidth').css('background-image','url(/one_page/templates/hot_one_page/images/custom/town_summer.jpg)');
}
);
</script>

So I have to put this script in an article?

No that is code in index.php of template

I just wannna put one image in front. This is the site: pattyweb.com.br/moveis4/
It seems silly, but how do i toggle the script?

I just saw an example.... it worked...
but if you explain...