.fi-fo-wizard-step:not(.fi-active) {
    position: relative;
}

.fi-fo-wizard-step:not(.fi-active) {
    position: relative;
}

.fi-fo-wizard-step:not(.fi-active) {
    overflow: hidden !important;
    visibility: visible;
}

.fi-fo-wizard-step:not(.fi-active) {
    overflow: hidden !important;
    visibility: visible;
}

<div class="register-page min-h-screen flex items-center justify-center p-4">
    <form wire:submit="submit">
        {{ $this->form }}
    </form>
</div>

<div class="register-page min-h-screen flex items-center justify-center p-4">
    <form wire:submit="submit">
        {{ $this->form }}
    </form>
</div>

.register-page {
    background: url("/public/images/auth-bg.png") no-repeat center;
    background-size: cover;
}

.register-page {
    background: url("/public/images/auth-bg.png") no-repeat center;
    background-size: cover;
}

 ->nextAction(
        fn (Action $action) => $action->label('Next step'),
    )

 ->nextAction(
        fn (Action $action) => $action->label('Next step'),
    )