.org-vacancy-hero {
    .vacancy-hero-left {
        @apply pt-12;

        @media (max-width: theme('screens.md')) {
            @apply vebego-container;
        }

        /* Add padding to the column so it aligns with .vebego-container */
        @screen md {
            padding-left: calc((100vw - theme('screens.md')) / 2);
        }

        @screen lg {
            padding-left: calc((100vw - theme('screens.lg')) / 2);
        }

        @screen xl {
            padding-left: calc((100vw - theme('screens.xl')) / 2);
        }

        @screen 2xl {
            padding-left: calc((100vw - theme('screens.2xl')) / 2);
        }

        .atm-heading {
            @apply text-h2;
        }

        .atm-paragraph {
            @apply text-secondary-col-1;
        }

        .vacancy-hero-content-buttons {
            @apply flex items-center mt-6 flex-wrap;
        }
    }

    .vacancy-right {
        @apply relative flex-grow;

        .atm-image {
            @apply h-full;

            img {
                @apply h-full w-full object-cover;
            }
        }
    }
}