#textimage-kjns-container {
  position: relative;
  float: left;
  width: 100%;
}

#textimage-kjns-container .text-kjns-wrapper {
  position: relative;
  float: left;
  width: 65%;
}

#textimage-kjns-container .img-kjns-wrapper {
  position: absolute;
  top: -25px;
  right: -200px;
  z-index: 3;
}

#textimage-kjns-container .img-kjns-wrapper img {
  height: 410px;
}

@media (max-width: 575px) {
  #textimage-kjns-container .text-kjns-wrapper {
    width: 100%;
  }
  #textimage-kjns-container .img-kjns-wrapper img {
    margin: 0px auto;
    height: auto;
  }
  #textimage-kjns-container .img-kjns-wrapper {
    position: unset;
    float: left;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #textimage-kjns-container .text-kjns-wrapper {
    width: 100%;
  }
  #textimage-kjns-container .img-kjns-wrapper img {
    margin: 0px auto;
  }
  #textimage-kjns-container .img-kjns-wrapper {
    position: unset;
    float: left;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #textimage-kjns-container .text-kjns-wrapper {
    width: 100%;
  }
  #textimage-kjns-container .img-kjns-wrapper img {
    margin: 0px auto;
  }
  #textimage-kjns-container .img-kjns-wrapper {
    position: unset;
    float: left;
    width: 100%;
  }
}

.plectrum-shape {
  width: 440px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  /* hier zit de magie */
  clip-path: path("M 350 50 C 420 100 430 220 380 300 C 330 380 180 400 80 320 C 0 250 20 100 150 50 C 250 20 320 20 350 50 Z");
  /* optioneel een zachte shadow */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.plectrum-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}