.grama-colina {
  display: block;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 246.3" preserveAspectRatio="none"><defs><linearGradient id="g" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="%23104444" stop-opacity="0.35"/><stop offset="50%" stop-color="%23104444" stop-opacity="0.18"/><stop offset="100%" stop-color="%23ffffff"/></linearGradient></defs><path d="M1920,199.5c0,0-246.7-71.1-537.7-45.5c-286.5,25.2-465.1,113.3-768,99.6C372.6,242.7,0,126.4,0,126.4V247h1920V199.5z" fill="url(%23g)"/></svg>');
}