#hero {
  width: 100%;
  height: 100vh;
  background: url("/assets/img/luisbravomagic-mago-magician.jpg") top / cover no-repeat;
}

@media (min-width: 768px) {
  #hero {
    background: url("/assets/img/luisbravomagic-mago-magician-pc.jpg") top / cover no-repeat;
  }
}

.card .btn {
  border-radius: 20pc;
  background: transparent;
  margin-left: -16px;
  padding-left: 16px;
  border-style: none;
  border-color: transparent;
}

.card {
  overflow: hidden;
  border-radius: 25px;
  background: var(--bs-body-color);
}

@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}