.section-divider {
  position: relative;
  height: var(--divider-height);
  z-index: 1;
  pointer-events: none;
  overflow: visible;
  margin-top: calc(-1 * var(--divider-height) / 2);
  margin-bottom: calc(-1 * var(--divider-height) / 2);
  padding: 0;
}

.section-divider__triangle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
}

/* Trójkąt z prawej strony */
.section-divider--right .section-divider__triangle {
  right: 0;
  width: 6vw;
}

/* Trójkąt z lewej strony */
.section-divider--left .section-divider__triangle {
  left: 0;
  width: 6vw;
}

.section-divider__triangle .fil0 {
  fill: var(--color-science-blue);
}

/* Responsywność */
@media (max-width: 768px) {

  
  .section-divider--right .section-divider__triangle {
    width: 8vw;
  }
  
  .section-divider--left .section-divider__triangle {
    width: 8vw;
  }
}

/* Small mobile */
@media (max-width: 480px) {

  
  .section-divider--right .section-divider__triangle {
    width: 12vw;
  }
  
  .section-divider--left .section-divider__triangle {
    width: 12vw;
  }
}

/* Extra small mobile */
@media (max-width: 360px) {

  
  .section-divider--right .section-divider__triangle {
    width: 15vw;
  }
  
  .section-divider--left .section-divider__triangle {
    width: 15vw;
  }
}