@extends('layouts.main')
@section('title', 'Login')
@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/login.png') }}" alt="Welcome Image" loading="lazy" style="width: 100%; border-radius: 8px;">
                </div>
            </div>
            @livewire('auth.login')
        </div>
    </div>
</section>

@endsection