.missao-liberdade {
  position: absolute;
  top: 5.2%;
  left: 89.3%;
  width: 7%;
  height: 10%;
  z-index: 10;
  transform: rotate(35deg);
}


.jaula {
  position: relative;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    90deg,
    white,
    white 10%,
    black 10%,
    black 12%
  );
  border: 2px solid #333;
  border-radius: 6px;
  overflow: visible;
}

.portinha {
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0;
  background-color: #ccc;
  border-top: 3px solid #000;
  transition: top 0.3s ease-out;
  z-index: 5;
  cursor: grab;
  transform: translateY(0);
}


.lobo-guara {
  position: absolute;
  top: 35%;
  left: 20%;
  width: 55%;
  height: 70%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease-out;
  z-index: 1;
}