Two Column Layout - Copy this React, Mui Component to your project
Create-a-React-functional-component-using-Material-UI-(MUI)-with-the-following-structure:-Layout:-A-two-column-grid-layout-using-MUI's-Grid-system.-The-left-column-contains-an-image,-and-the-right-column-contains-text-content.-Both-columns-should-have-equal-widths.-Styling:-Ensure-the-component-is-responsive-and-adapts-to-various-screen-sizes.-Use-MUI's-sx-prop-for-styling.-Content:-Left:-Use-a-placeholder-image-or-any-provided-image.-Right:-Add-a-title-in-a-bold,-large-font,-followed-by-two-paragraphs-of-text-styled-for-readability.-Details:-Import-necessary-MUI-components-(e.g.,-Grid,-Typography,-Box).-Use-MUI's-Typography-for-text-styling.-Apply-padding-and-spacing-for-aesthetic-spacing-between-elements.-Ensure-the-text-and-image-align-vertically-in-the-center.
