.image-text-row {
    display: flex;
    align-items: flex-start;  /* Align image to top of paragraph */
    gap: 1.5rem;              /* Space between image and text */
    flex-wrap: wrap;          /* Allows stacking on mobile */
}

.row-image {
    width: 150px;             /* Fixed width, adjust as needed */
    height: auto;             /* Maintain aspect ratio */
    flex-shrink: 0;           /* Prevents image from shrinking */
}

.row-text {
    flex: 1;                  /* Text takes remaining space */
    margin: 0;                /* Remove default paragraph margins if needed */
}

/* Optional: Stack on small screens */
@media (max-width: 600px) {
    .row-image {
        width: 100%;          /* Full width on mobile */
        max-width: 220px;     /* But not too large */
        margin: 0 auto;       /* Center it */
    }
}