Text Overflow and Button Overlap in Mobile View on Case Study Page

[harshita9104]

Describe the bug
In the mobile view of the KubeEdge website case study page, the text content overflows and gets cut off, making it unreadable. The "READ CASE STUDY" button also overlaps with the text, affecting the UI/UX experience.

To Reproduce
Steps to reproduce the behavior:

Go to the KubeEdge case study page on a mobile device
Click on case studies.
Observe that the text is cut off and unreadable.
Notice the "READ CASE STUDY" button overlapping the text.

Expected behavior
The text should be fully visible without being cut off, and the button should not overlap the text. The content should be properly responsive for mobile view.

Screenshots

[harshita9104]

/assign

[harshita9104]

Hello @kevin-wangzefeng , @anvithks , @edisonxiang ,

Kindly review the PR linked with this issue, if any modifications are required please let me know!!

Thank you!