.suavizacao-secao-1 {
  position: absolute;
  bottom: 0; 
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #F8F4EE);
  pointer-events: none;
  z-index: 10; 
}
.suavizacao-secao-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #FFF);
  pointer-events: none;
  z-index: 15;
}
			
@media (max-width: 778px) {
    .bg-hero {
        background: url(../images/slider/3a.jpg); 
	background-position: bottom right; 
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #8b8b8b;
     }

}

@media (min-width: 991px) {
	.bg-hero {
	background: url(../images/slider/2a.jpg); 
	background-position: top left; 
	background-size: cover;
	}
}