.org-vacancy-overview-hero {
    @apply flex items-center justify-center relative bg-[#EEE9F3] py-16 md:py-0 m-0 md:m-8 rounded-2xl overflow-hidden;
    @apply md:min-h-[400px] md:h-[40vh] h-[60vh] pb-4 md:pb-0;

    .atm-heading {
        @apply z-10;
    }

    .hero-content {
        @apply w-full max-w-4xl mx-auto px-8 text-center relative z-10;

        .hero-content-wrapper {
            .atm-heading {
                @apply my-4 text-secondary-col-1;
            }
        }
    }

    .hero-wrapper {
        @apply absolute top-0 left-0 z-0 h-full w-full flex flex-col-reverse md:flex-row pointer-events-none;

        .hero-path-mask {
            @apply absolute right-0 bottom-0;
            min-height: 100%;
        }
    }
}