/**
 * Bootstrap Utilities for Components
 * Hybrid Approach - Variables/mixins only, no compiled CSS
 */
.photo-text-component {
  position: relative;
  transition: background-color 0.3s ease;
}
.photo-text-component .photo-wrapper {
  aspect-ratio: 16/9;
}
.photo-text-component .photo-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.photo-text-component h2,
.photo-text-component h3 {
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .photo-text-component .row {
    text-align: center;
  }
  .photo-text-component .row .photo-wrapper {
    margin-bottom: 2rem;
  }
  .photo-text-component .row .btn-primary {
    margin-top: 1rem;
  }
}

/*# sourceMappingURL=style.css.map */