fix: teacher card styles

[Dmytro-Doronin]

Fixed teachers card responsiveness

[Copilot]

Pull request overview

Updates UI responsiveness for the TeacherCard component (layout breakpoints, alignment, and section separation). The PR also changes the home Hero background image import, which appears unrelated to the stated goal.

Changes:

• Adjust TeacherCard layout to switch to row layout at sm and tweak alignment/wrapping rules for inner content.
• Replace the previous xl right border separation with an explicit divider element and adjust right-side pricing section sizing.
• Update Hero to import a different background image asset.

Reviewed changes

Copilot reviewed 2 out of 4 changed files in this pull request and generated 4 comments.

File	Description
client/src/components/teacherCard/teacherCard.tsx	Responsiveness/layout tweaks (breakpoints, alignment, divider, typography).
client/src/components/homeSection/Hero/Hero.tsx	Swaps hero background image import to a different asset.

Comments suppressed due to low confidence (1)

client/src/components/teacherCard/teacherCard.tsx:56

• The avatar container className has redundant display utilities (block + md:block) and includes extra blank lines/whitespace in the template string. Cleaning this up will make future styling changes less error-prone and avoids accidental class mismatches during refactors.

            className="block
                md:block lg:hidden xl:block
                w-28 h-28
                md:w-37.5 md:h-37.5
                lg:w-43.25 lg:h-43.25
                xl:w-48 xl:h-48
                overflow-hidden rounded-[25px]

                             "

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.