.fto-custom-triangle-block {
  position: relative;
  height: 150px;
  width: 100%;
  overflow: hidden;
}

.fto-triangle.blue {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 75px solid transparent;
  border-top: 75px solid transparent;
  border-left: 50vw solid var( --color--primary-blue); /* Blue color extending to half the screen */
  bottom: 0;
  left: 0;
}

.fto-triangle.orange {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 150px solid var( --color--primary); /* Orange color extending to top right edge */
  border-left: 100vw solid transparent;
  top: 0;
  left: 0;
  /*z-index: -1;*/
}