@extends('layouts.main')
@section('title', 'Register')
@section('main')
<style>
    @media (max-width: 767px) {
        .image-section-container {
            display: none;
        }
    }
</style>
<section class="our-register">
    <div class="container">

        <div class="row wow fadeInRight" data-wow-delay="300ms">
            <div class="col-lg-6 image-section-container">
                <div class="image-section">
                    <img src="{{ asset('images/background/signup.png') }}" loading="lazy" alt="Welcome Image" style="width: 100%; border-radius: 8px;">
                </div>
            </div>
            @livewire('auth.register')
        </div>
    </div>
</section>

@endsection