img {
  animation: load-effect 120s;
  animation-fill-mode: forwards;
}



@keyframes load-effect {
  0% {
    clip-path: inset(0 0 100% 0);
    transform: translate(1px, 1px);
    
  }

  10% {
    clip-path: inset(0 0 90% 0);
  }

  20% {
    clip-path: inset(0 0 95% 0);
    transform: translate(-1px, 2px);
  }

  22% {
    clip-path: inset(0 0 80% 0);
  }

  40% {
    clip-path: inset(0 0 60% 0);
  }

  75% {
    clip-path: inset(0 0 25% 0);
  }

  95% {
    clip-path: inset(0 0 5% 0);
    transform: translate(1px, -2px);
  }

  100% {
    clip-path: inset(0 0 0 0);
    transform: translate(1px, -2px);
  }
}

.tittel-stoel-crappy {
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-large;
  margin-bottom: 5px;
  position: relative;
  top: 20px;
  left: 90px;
  padding: -50;
}
.maker {
  position: relative;
  top: 50px;
  left: 50px;
  padding: 20px;
  z-index: 1;
  writing-mode: vertical-rl;
}
.Year {
  position: relative;
  top: 5px;
  left: 50px;
  padding: 0px;
  z-index: 2;
}
.material {
  position: relative;
  top: 500px;
  left: 50px;
  padding: -15px;
  z-index: 3;
}
.height {
  position: relative;
  top: 50px;
  left: 50px;
  padding: 2px;
  z-index: 4;
}
.width {
  position: relative;
  top: 50px;
  left: 70px;
  padding: -10px;
  z-index: 5;
}
.depth {
  position: relative;
  top: 50px;
  left: 80px;
  padding: -2px;
  z-index: 6;
  writing-mode: vertical-rl;
}
.technique {
  position: relative;
  top: 50px;
  left: 10px;
  padding: 2px;
  z-index: 7;
}
.robbe {
  position: relative;
  top: 50px;
  left: 1px;
  padding: -20px;
  z-index: 8;
}
.jaar {
  position: relative;
  top: 50px;
  left: 10px;
  padding: 20px;
  z-index: 9;
  writing-mode: vertical-rl;
}
.wood {
  position: relative;
  top: 50px;
  left: 10px;
  padding: -2px;
  z-index: 10;
}
.h {
  position: relative;
  top: 5px;
  left: 60px;
  padding: 20px;
  z-index: 11;
}
.b {
  position: relative;
  top: 5px;
  left: 14px;
  padding: 2px;
  z-index: 12;
  writing-mode: vertical-rl;
}
.d {
  position: relative;
  top: 0px;
  left: 100px;
  padding: -10px;
  z-index: 13;
}
.tittel-stoel-crappy2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-large;
  margin-bottom: 0px;
  position: relative;
  top: 2px;
  left: -15px;
  padding: -5;
}
.maker2 {
  position: relative;
  top: -7px;
  left: 42px;
  padding: 2px;
  z-index: 1;
}
.Year2 {
  position: relative;
  top: 43px;
  left: -44px;
  padding: 10px;
  z-index: 2;
}
.material2 {
  position: relative;
  top: 50px;
  left: 70px;
  padding: -15px;
  z-index: 3;
}
.height2 {
  position: relative;
  top: 12px;
  left: 50px;
  padding: 20px;
  z-index: 4;
}
.width2 {
  position: relative;
  top: -50px;
  left: 17px;
  padding: -1px;
  z-index: 5;
  writing-mode: vertical-rl;
}
.depth2 {
  position: relative;
  top: 20px;
  left: -10px;
  padding: -25px;
  z-index: 6;
  writing-mode: vertical-rl;
}
.technique2 {
  position: relative;
  top: 73px;
  left: -45px;
  padding: 20px;
  z-index: 7;
}
.robbe2 {
  position: relative;
  top: 10px;
  left: 15px;
  padding: -2px;
  z-index: 8;
  writing-mode: vertical-rl;
}
.jaar2 {
  position: relative;
  top: -10px;
  left: 16px;
  padding: 20px;
  z-index: 9;
}
.wood2 {
  position: relative;
  top: 42px;
  left: 10px;
  padding: -24px;
  z-index: 10;
  writing-mode: vertical-rl;
}
.h2 {
  position: relative;
  top: -5px;
  left: 40px;
  padding: -20px;
  z-index: 11;
}
.b2 {
  position: relative;
  top: 26px;
  left: -42px;
  padding: 20px;
  z-index: 12;
}
.d2 {
  position: relative;
  top: 40px;
  left: 15px;
  padding: -14px;
  z-index: 13;
  writing-mode: vertical-rl;
}
.tittel-stoel-crappy3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-large;
  margin-bottom: 70px;
  position: relative;
  top: 15px;
  left: -60px;
  padding: -5;
}
.maker3 {
  position: relative;
  top: 45px;
  left: 4px;
  padding: 20px;
  z-index: 1;
}
.Year3 {
  position: relative;
  top: -3px;
  left: -14px;
  padding: 1px;
  z-index: 2;
}
.material3 {
  position: relative;
  top: -5px;
  left: 25px;
  padding: -33px;
  z-index: 3;
}
.height3 {
  position: relative;
  top: 65px;
  left: -46px;
  padding: 10px;
  z-index: 4;
  writing-mode: vertical-rl;
}
.width3 {
  position: relative;
  top: -15px;
  left: 37px;
  padding: -10px;
  z-index: 5;
}
.depth3 {
  position: relative;
  top: 16px;
  left: 20px;
  padding: -22px;
  z-index: 6;
}
.technique3 {
  position: relative;
  top: 67px;
  left: -5px;
  padding: 15px;
  z-index: 7;
  writing-mode: vertical-rl;
}
.robbe3 {
  position: relative;
  top: -5px;
  left: -46px;
  padding: 20px;
  z-index: 8;
}
.jaar3 {
  position: relative;
  top: 46px;
  left: 2px;
  padding: -2px;
  z-index: 9;
  writing-mode: vertical-rl;
}
.wood3 {
  position: relative;
  top: -22px;
  left: 16px;
  padding: 24px;
  z-index: 10;
}
.h3 {
  position: relative;
  top: 5px;
  left: -20px;
  padding: 10px;
  z-index: 11;
}
.b3 {
  position: relative;
  top: 50px;
  left: -33px;
  padding: 15px;
  z-index: 12;
}
.d3 {
  position: relative;
  top: 15px;
  left: -15px;
  padding: 5px;
  z-index: 13;
}
.tittel-stoel-crappy4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-large;
  margin-bottom: 1px;
  position: relative;
  top: 30px;
  left: 55px;
  padding: -5;
}
.maker4 {
  position: relative;
  top: 4px;
  left: 40px;
  padding: -20px;
  z-index: 1;
  writing-mode: vertical-rl;
}
.Year4 {
  position: relative;
  top: -30px;
  left: 17px;
  padding: 19px;
  z-index: 2;
}
.material4 {
  position: relative;
  top: -50px;
  left: -25px;
  padding: -6px;
  z-index: 3;
}
.height4 {
  position: relative;
  top: -65px;
  left: -46px;
  padding: 1px;
  z-index: 4;
  writing-mode: vertical-rl;
}
.width4 {
  position: relative;
  top: -5px;
  left: -30px;
  padding: 10px;
  z-index: 5;
  writing-mode: vertical-rl;
}
.depth4 {
  position: relative;
  top: 23px;
  left: -56px;
  padding: -2px;
  z-index: 6;
}
.technique4 {
  position: relative;
  top: 46px;
  left: -50px;
  padding: 105px;
  z-index: 7;
  writing-mode: vertical-rl;
}
.robbe4 {
  position: relative;
  top: 5px;
  left: 50px;
  padding: -20px;
  z-index: 8;
}
.jaar4 {
  position: relative;
  top: 4px;
  left: -20px;
  padding: 42px;
  z-index: 9;
}
.wood4 {
  position: relative;
  top: -6px;
  left: 25px;
  padding: 5px;
  z-index: 10;
}
.h4 {
  position: relative;
  top: 76px;
  left: 20px;
  padding: -10px;
  z-index: 11;
  writing-mode: vertical-rl;
}
.b4 {
  position: relative;
  top: 5px;
  left: 36px;
  padding: -15px;
  z-index: 12;
}
.d4 {
  position: relative;
  top: 43px;
  left: -3px;
  padding: 15px;
  z-index: 13;
  writing-mode: vertical-rl;
}