[Task] Client - Recommendation CSS

## Task Card

**Assignee** : (본명)

#### Job Description

Recommendation 컴포넌트의 CSS 구현

(여기)

#### Todo
> 해당 작업이 완성되기 위해서 완료되어야 하는 작업 리스트를 적어주세요

1. 필요한 이미지 파일과 상위 컴포넌트에서의 위치 결정
2. state에 반응하는 CSS 작성

#### *Important*

##### estimated / consumed

Task Card 하나의 estimated time / consumed time 이 최대 3h 이 넘어가지 않게 작성해 주시기 바랍니다.

##### Labelling

- estimated time : `E:2h`
- consumed time : `C:1h`
- page : `Mypage`, `Index` ...
- position : `Clinet`, `Server`
- sprint : `Sprint`
- urgency : `High`, `Middle`, `Low`

##### Status 관리

- Task Card 의 상태에 따라 `To do`, `In progress`, `Done` 유지를 해주세요
- 진행하던 Task Card 를 중간에 안하게 되는 경우, `In Progress` 에서 `To do` 로 Status 를 변경해 주시기 바랍니다.

Start by locating the Recommendation component in the repository and inspect its parent component to determine placement and the required image assets. Review how the component state is represented, then implement the corresponding CSS and verify each state visually; done means the component styling and placement are complete.

Written by the indexing model from the issue text.