viewportwidth-shape.css

.shape {
  background: #832333;
  background: rgba(131,35,51,0.6);
}

@media screen and (min-width: 480px) {
  .shape {
    background: #81409f;
    background: rgba(129,64,159,0.6);
  }
}

@media screen and (min-width: 640px) {
  .shape {
    background: #894b08;
    background: rgba(137,75,8,0.6);
  }
}

@media screen and (min-width: 1024px) {
  .shape {
    background: #12779c;
    background: rgba(18,119,156,0.6);
  }
}