/* Ensure the photo wrapper is the positioning context */
.card-winner .captain-photo {
  position: relative;
  display: inline-block;
}

/* Crown overlay */
.card-winner .captain-photo::after {
  content: "";
  position: absolute;

  /* Adjust these until the crown sits where you want */
  top: -18px;
  left: 50px;
  width: 87px;
  height: 76px;

  background-image: url("../images/crown.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  transform: rotate(-18deg); /* tilt left */
  transform-origin: bottom center;

  pointer-events: none;
  z-index: 2;
}

/* Make sure the image sits below the crown */
.card-winner .captain-photo img.img-thumbnail {
  position: relative;
  z-index: 1;
  display: block;
}

@media (max-width: 575.98px) {
  .card-winner .captain-photo::after {
    top: -10px;
    left: 52%;
    width: 62px;
    height: 61px;

    transform: translateX(-50%) rotate(-15deg);
  }
}