校园生活页面设计：左右布局卡片组件与双栏内容展示

我需要给校园生活页面设计一个section，左右布局：
- 左边：卡片组件，使用图片作为背景图，卡片的底部包含标题、摘要和阅读更多，卡片从底部到顶部有灰色渐变背景；
- 右边：包含两个水平并排的卡片，每个卡片各占50%，每个卡片从上到下：4:3的封面图、黑色标题、限制三行的内容摘要，阅读更多链接