.page-container--home { .screen { @apply bg-lhoistlight; .screen_worker_1, .screen_worker_2 { @apply hidden lg:block absolute; max-height: 60%; bottom: -3rem; } .screen_worker_1 { left: -60px; @screen xl { left: 3%; } @screen 2xl { left: 8%; } } .screen_worker_2 { @apply -right-16; right: -100px; @screen xl { right: 0; } @screen 2xl { right: 7%; } } &__content { .cover_worker { @apply mx-auto; transform: translate(0%, -50%); margin-bottom: -130px; } .application_title, .application_subtitle { @apply text-zuume; } .application_title { @apply text-9xl; } .application_subtitle { @apply text-6xl bg-construction w-fit mx-auto px-3 block mb-10; transform: rotate(-3deg); } .application_description { @apply max-w-2xl text-xl px-20 font-bold; margin-bottom: -40px; } .cta--play { @apply mx-auto; transform: translateY(50%); } } &__worker-1 { } } }