.hero {
    position: relative;
    overflow: hidden;
}
.hero-img {
    max-width: 50%;
    opacity: 0.8;
}
@media (max-width: 768px) {
    .hero h1 { font-size: 2rem; }
    .hero p { font-size: 1rem; }
    .hero-img { max-width: 70%; bottom: -30px; }
}