.card-img-bottom-overlay {
  position: absolute;
  bottom: 1.5rem;
  right: 4.5rem;
}

.card-img-center-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.how-section {
  margin-top: 6rem;
}

.brightness-50 {
  filter: brightness(50%);
}

@media screen and (max-width: 479px) {
  .card-img-bottom {
    height: 267px;
    object-fit: cover;
    border-radius: 5%;
  }

  .how-section {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 991.98px) {
  .how-section {
    margin-top: 4rem;
  }
}