Modern Login Screen - Copy this Html, Bootstrap Component to your project

Create a login screen with the following elements: Background: a picture Login Form: Positioned on the right side of the screen. A semi transparent, rounded corner white overlay with light opacity. The form contains the following elements, vertically aligned: Title: "Login" in bold. Subtext: "Welcome onboard with us!" below the title, with smaller, lighter text. User Name Field: Placeholder text "Enter your username" in a light blue input box. Password Field: Placeholder text "Enter your password" in a light blue input box below the username field. Under it a normal Sign In link incase user don't have account Login Button: Positioned below the password field, in bright yellow with black text that says "LogIn." Ensure all text and elements are centered within the overlay. Styling: Use a minimalist design with modern, rounded input fields and buttons. Subtle drop shadows on the form to enhance readability against the background.