.wave-section {
  position: relative;
  width: 100%;
  height: 400px; /* vaste hoogte */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
}

.wave-section .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  width: 90%;
}

.flex-row.reverse {
  flex-direction: row-reverse;
}

.text-col {
  flex: 1;
  padding: 20px;
}

.image-col {
  flex: 1;
  padding: 20px;
}

.image-col img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.wave-down {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 400"><path fill="%230B20C6" d="M0,0 C360,400 1080,0 1440,400 L1440,0 L0,0 Z"></path></svg>') no-repeat;
  background-size: cover;
}

.wave-up {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 400"><path fill="%230B20C6" d="M0,400 C360,0 1080,400 1440,0 L1440,400 L0,400 Z"></path></svg>') no-repeat;
  background-size: cover;
}