<div class="triangles">
  <div class="tri invert"></div>
  <div class="tri invert"></div>
  <div class="tri"></div>
  <div class="tri invert"></div>
  <div class="tri invert"></div>
  <div class="tri"></div>
  <div class="tri invert"></div>
  <div class="tri"></div>
  <div class="tri invert"></div>
</div>
<style>
/* From Uiverse.io by Nawsome - Tags: loader */
.triangles {
  transform: translate(-50%, -50%);
  height: 81px;
  width: 90px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.tri {
  position: 