@media (max-width: 991.98px) {
    .carousel-caption { right: 10%; left: 10%; bottom: 1.5rem; }
    .info-card { padding: 1.2rem; }
    .info-image { min-height: 260px; }
}

@media (max-width: 767.98px) {
    .intro { margin: 1rem; padding: 1rem 0.8rem; }
    .intro p { display: block; width: 100%; }
    .carousel-caption { right: 8%; left: 8%; bottom: 1rem; padding: 0.7rem; width: auto; }
    .carousel-caption h5 { font-size: 1.1rem; }
    .info-highlight { position: static !important; margin-top: 1rem !important; max-width: 100%; }
}