Merge pull request #58 from softeerbootcamp4th/hotfix

hotfix: 신차소개 페이지 배경에 원 이미지가 레이어 앞쪽에 돌출되던 이슈 해결

packages/service/src/components/newCar/NewCarInfo/NewCarInfo.css.ts

@@ -42,13 +42,13 @@ export const m_infoImg = (num: number) => css`
 
 export const bgCirlce1 = css`
   position: absolute;
-  top: -100px;
+  top: 0px;
   left: -200px;
   width: calc(300px + 36vw);
 `;
 export const bgCirlce2 = css`
   position: absolute;
-  top: 200px;
-  right: -200px;
+  top: -200px;
+  right: -250px;
   width: calc(400px + 40vw);
 `;

packages/service/src/components/newCar/NewCarInfo/NewCarInfo.tsx

@@ -69,6 +69,8 @@ export const NewCarInfo = () => {
   return (
     <section ref={ref} css={style.scrollContainer}>
       <div css={style.stickyWrap}>
+        <img css={style.bgCirlce1} src="/images/common/bg-circle-green.svg" />
+        <img css={style.bgCirlce2} src="/images/common/bg-circle-blue.svg" />
         <motion.div css={style.imgWrap} ref={carouselRef} style={{ x }}>
           <div
             css={css`
@@ -88,9 +90,6 @@ export const NewCarInfo = () => {
             />
           ))}
         </motion.div>
-
-        <img css={style.bgCirlce1} src="/images/newCar/bg-circle-1.svg" />
-        <img css={style.bgCirlce2} src="/images/newCar/bg-circle-2.svg" />
       </div>
     </section>
   );