@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.hero {
  height: 100vh;
  background: url("./images/imovel.jpg") no-repeat center center/cover;
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 0%, 0.6);
}

.profile img {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center 90%;
  border-radius: 50%;
}
.card {
  height: 100%;
  transition: border 0.5s ease;
}

.card:hover, 
.profile img:hover {
  border: 1px solid blue;
}

.scroll-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  animation-name: bounce;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}