[Q2] 이미지 슬라이드 양쪽 여백 추가

[s0zzang]

#️⃣ 연관된 이슈

ex) #이슈번호, #이슈번호
#438

📝 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)

• 슬라이드 양옆 여백 추가
• 스튜디오 리스트 상단 여백 변경 (9.6rem -> 10.8rem)
• img 태그에 하단 여백이 생겨 vertical-align:top 추가

💬 리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요.
ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

@aksenmi 지민님!
슬라이드의 오른쪽 영역이 레이아웃을 뚫고 나오다보니, 포트폴리오가 없는 경우(멋진 사진 준비중)와 레이아웃이 깨진다고 생각이 들었습니다.
따라서 가상 요소로 그라디언트를 추가했습니다! (아래 이미지 참고)
디자인팀과 상의 후 자유롭게 삭제하셔도 됩니다 !

그라디언트 없음	그라디언트 있음 (현재 상태)

@woojoung1217 @JWJung-99 @HuiseonDev @aksenmi @kyungmim
이미지 태그를 사용시 생기는 하단 여백을 방지하기 위해 이미지 태그에 수직 상단 정렬 값을 추가하였습니다.
작업 분량에 달라진 점이 생길 수 있으니 참고 부탁드립니다 !

수직 상단 정렬 이전	수직 상단 정렬 이후