.corner {
  position: absolute;
  z-index: -5 !important;
}

.corner img {
  width: 60%;
}

@media (max-width: 576px) {
  .corner img {
    width: 30%;
  }
}

.top-left {
  top: 0;
  left: 0;
}

.top-right {
  top: 0;
  right: 0;
}

.bottom-left {
  bottom: 0;
  left: 0;
}

.bottom-right {
  bottom: 0;
  right: 0;
}

/* Flip horizontally */

.flip-horizontal {
  transform: scaleY(-1);
}

/* Flip vertically */

.flip-vertical {
  transform: scaleZ(-1);
}

.flip-vertical-horizontal {
  transform: scaleX(-1);
}

/* Flip both horizontally and vertically */

.flip-horizontal-vertical {
  transform: scale(-1, -1);
}