Music Services Showcase - Copy this Html, Tailwind Component to your project

"Generate an HTML and CSS layout with the following structure: Left side: A column of cards displaying an image and a title. Right side: An area where a video and detailed product information will load when a card is clicked. Each card on the left should be linked to an object from a list emulating a JSON structure. Upon clicking a card, the right section should display: A YouTube video. Detailed description. Duration and price. Example of data structure (JSON): json Copiar código { name: "Carranguera Music", description: "Enjoy a one hour show featuring the best Carranguera music for dancing.", image: "./img/img.jpg", detailedDescription: "Our Carranguera music service offers a one hour show full of infectious rhythms that invite dancing. Perfect for parties and celebrations, ensuring fun and joy.", duration: "1 hour", price: "With sound service: $350,000 Without sound service: $300,000", youtubeUrl: "https://www.youtube.com/embed/OIymNUeuJIA?si=PBuNS7uuIK_Ju6xz" } Ensure the design is clean, functional, and responsive."