.home-hero-content {
        justify-items: center;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: var(--space-4xl) var(--space-m);

        @media(max-width: 768px) {
            padding: var(--space-3xl) var(--space-m);
        }

        img {
            width: 170px;
            margin: auto;
            opacity: 0.7;
        }

        p {
            max-width: 800px;
            margin: auto;
            color: var(--color-secondary-light);
            font-size: var(--fs-m);
            line-height: 1.8;
        }
    }