Backgrounds in mobile version

Background not redimension on cellphone.

image 01 – about section (sobre)
image 02 – projects (eventos)
image 03 – latest news (novidades)

How I can fix this?

I put the code in CSS but it did not work, the BG still does not resize.

I tried to put the “!important” tag after the code but it also did not work.

/*redimension bg*/
#latest-news, #full-width, #about, #projects {
  background-repeat: no-repeat!important;
  background-position: center!important; 

@media all and (max-width: 667px) /*or whatever width you want the change to take place at*/ {
  ##latest-news, #full-width, #about, #projects {
   -webkit-background-size: cover!important; 
   -moz-background-size: cover!important; 
   -o-background-size: cover!important; 
   background-size: cover!important; 

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,


The link of my website is: