.btn {
  transition: transform 0.2s ease-in-out;
}

.btn:hover {
  transform: scale(1.1);
}

.hero {
  height: 100vh;
  background-image: url('d:/hayden/website/john/flaskr/static/img/mock-up-chair-happy-portrait-260nw-2323567719.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top; /* Focus on the person on the right */
  display: flex;
  align-items: center;
  color: white;
}

@media (max-width: 992px) {
  /* tablets and small laptops */
  .hero {
    background-position: 80% center; /* shift focus slightly left */
  }
}

@media (max-width: 576px) {
  /* phones */
  .hero {
    background-position: 87% center; /* center the person */
  }
}

.carousel-item {
  height: 50vh;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}