mavend/octoboard

.octopus-badge {
  position: relative;
}
.octopus-badge::after {
  position: absolute;
  content: "";
  display: block;
  width: 80px;
  height: 90px;
  background: url("../../assets/images/octopus-red.svg");
  background-size: cover;
  z-index: -1;
}
.octopus-red::after {
  background-image: url("../../assets/images/octopus-red.svg");
}
.octopus-blue::after {
  background-image: url("../../assets/images/octopus-blue.svg");
}
.octopus-yellow::after {
  background-image: url("../../assets/images/octopus-yellow.svg");
}
.octopus-cw::after {
  transform: rotateZ(25deg);
}
.octopus-ccw::after {
  transform: rotateZ(-25deg);
}
.octopus-bottom-left::after {
  bottom: -80px;
  left: 20px;
}
.octopus-bottom-right::after {
  bottom: -80px;
  right: 20px;
}