Create a contemporary 8.5×11 inch portrait orientation infographic. The visual style should be consistent with the previous “Fr. Galetto’s Insights” infographics: a clean, modern, flat-design vector illustration style with clear outlines and a distinct, muted color palette separating different sections.

Layout Requirements:

Title Banner: A large, bold title banner at the top summarizing the main theme, including the text “(Fr. Galetto’s Insights)”.

Structure: Below the title, divide the content into stacked rectangular panels with rounded corners.

Flow: Use large, clear arrows to connect panels or elements to show progression, cause-and-effect, or relationships.

Typography: Use large, bold, sans-serif fonts for panel titles and major key points. Use clear, readable sans-serif fonts for descriptive text.

Content Requirements:

Interpret the provided text and break it down into logical sections or numbered points.

Create relevant, clear vector icons for each concept (e.g., biblical figures, scrolls, symbolic elements like doves, chains, crowns, or glowing lights) to accompany the text.

Use visual cues like green checkmarks for positive actions and red X marks for negative actions if the text implies contrast.

Here is the text content to visualize:

Create a two column infographic with large emojis and fonts for First reading, Second Second Reading, Responorial, and Gospel. Card boxes should have a white background and be on #fdfccc background color.

Design Aesthetic:

Theme: Playful, Friendly, and Clean.

Background: Use a specific cream background color: #ffffcb.

Typography: Use Google Fonts:

Headers: Chewy (for a fun, handwritten display look).

Body: Comfortaa (for a rounded, clean, readable look).

Visual Icons: Use Large Emojis (font-size ~4rem) as the primary iconography. No external image files or SVG paths.

Color Palette for Accents: Use distinct colors for different sections to create a “pop” effect (e.g., Gold, Green, Orange, Blue).

Layout & Component Structure:

Header: A centered section with a pill-shaped tag for the theme and a large, playful title (e.g., “BE WATCHFUL & PREPARED”). Include a short intro summary.

Main Grid: A responsive grid (1 column on mobile, 2 columns on desktop).

Content Cards:

Background: White (#ffffff).

Shape: Highly rounded corners (rounded-[1.5rem]).

Styling: Soft shadow (shadow-lg) and a Thick Colored Bottom Border (e.g., border-b-8).

Hover Effect: On hover, the card should lift slightly (translate-y) and the bottom border should grow thicker.

Content: Each card should feature:

A large Emoji Icon centered at the top.

A Chewy font headline.

A summary text using Comfortaa.

Bullet points or a highlighted quote box for key details.

Footer: A simple, centered footer with a concluding message in a styled container.

Content to Visualize:

Card 1 (First Reading): [Insert Isaiah summary here] – Use Gold Border

Card 2 (Psalm): [Insert Psalm summary here] – Use Green Border

Card 3 (Second Reading): [Insert Paul/Epistle summary here] – Use Orange Border

Card 4 (Gospel): [Insert Gospel summary here] – Use Blue Border

Technical Requirements:

Single File: All HTML, CSS, and JS must be within one file.

Framework: Use Tailwind CSS via CDN.

Responsiveness: Ensure padding and grid gaps adjust for mobile vs. desktop.

Create an infographic with a two-column “Bible study” theme with background color #ffffcd and accent color #923f0e. Have the design use a parchment-colored background, serif fonts for headings, and a layout that separates the main narrative from the specific cross-references, much like a study Bible’s margin notes.