.pattern-separator-sdg {
  height: 10px;
  position: relative;
}

.pattern-separator-sdg:after {
  content: "";
  background: linear-gradient(90deg, #e5243b 0% 5.9%, #dda63a 5.9% 11.8%, #4c9f38 11.8% 17.7%, #c5192d 17.7% 23.6%, #ff3a21 23.6% 29.5%, #26bde2 29.5% 35.4%, #fcc30b 35.4% 41.3%, #a21942 41.3% 47.2%, #fd6925 47.2% 53.1%, #dd1367 53.1% 59%, #fd9d24 59% 64.9%, #bf8b2e 64.9% 70.8%, #3f7e44 70.8% 76.7%, #0a97d9 76.7% 82.6%, #56c02b 82.6% 88.5%, #00689d 88.5% 94.4%, #19486a 94.4% 100%);
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
}