@media (max-width: 768px) {
    .hero-content {
        flex-direction: column;
        text-align: center;
    }

    .hero-image {
        justify-content: center;
    }

    .btn-secondary {
        margin-left: 0;
        margin-top: 1rem;
    }

    #rotating-text {
        color: #c8102e;
    }

    .cursor {
        display: inline-block;
        animation: blink 0.8s infinite;
    }

    @keyframes blink {
        50% {
            opacity: 0;
        }
    }
}