diff --git a/gongjakso/src/assets/images/ContestDetail.svg b/gongjakso/src/assets/images/ContestDetail.svg
deleted file mode 100644
index 4fd18faa..00000000
--- a/gongjakso/src/assets/images/ContestDetail.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/gongjakso/src/assets/images/ContestDetails.svg b/gongjakso/src/assets/images/ContestDetails.svg
new file mode 100644
index 00000000..9f4a74f0
--- /dev/null
+++ b/gongjakso/src/assets/images/ContestDetails.svg
@@ -0,0 +1,9 @@
+
diff --git a/gongjakso/src/assets/images/ContestImg.svg b/gongjakso/src/assets/images/ContestImg.svg
new file mode 100644
index 00000000..9dc9e051
--- /dev/null
+++ b/gongjakso/src/assets/images/ContestImg.svg
@@ -0,0 +1,9 @@
+
diff --git a/gongjakso/src/assets/images/Contestpage.svg b/gongjakso/src/assets/images/Contestpage.svg
deleted file mode 100644
index d1e28295..00000000
--- a/gongjakso/src/assets/images/Contestpage.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/gongjakso/src/assets/images/Homepage.png b/gongjakso/src/assets/images/Homepage.png
deleted file mode 100644
index 96f23bae..00000000
Binary files a/gongjakso/src/assets/images/Homepage.png and /dev/null differ
diff --git a/gongjakso/src/assets/images/Homepage.svg b/gongjakso/src/assets/images/Homepage.svg
new file mode 100644
index 00000000..7eccfc51
--- /dev/null
+++ b/gongjakso/src/assets/images/Homepage.svg
@@ -0,0 +1,9 @@
+
diff --git a/gongjakso/src/assets/images/PortfolioPage.svg b/gongjakso/src/assets/images/PortfolioPage.svg
deleted file mode 100644
index 04d5bde8..00000000
--- a/gongjakso/src/assets/images/PortfolioPage.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/gongjakso/src/assets/images/PortfolioPg.svg b/gongjakso/src/assets/images/PortfolioPg.svg
new file mode 100644
index 00000000..8ec30854
--- /dev/null
+++ b/gongjakso/src/assets/images/PortfolioPg.svg
@@ -0,0 +1,9 @@
+
diff --git a/gongjakso/src/pages/HomePage/HomePage.Styled.jsx b/gongjakso/src/pages/HomePage/HomePage.Styled.jsx
index 985f4d94..73f5bbd7 100644
--- a/gongjakso/src/pages/HomePage/HomePage.Styled.jsx
+++ b/gongjakso/src/pages/HomePage/HomePage.Styled.jsx
@@ -1,15 +1,15 @@
import styled from 'styled-components';
import backGroundImage from '../../assets/images/backgroundImg.svg';
import arrow from '../../assets/images/whiteArrow.svg';
-import homeImg from '../../assets/images/Homepage.png';
-import contestimg from '../../assets/images/Contestpage.svg';
+import homeImg from '../../assets/images/Homepage.svg';
+import contestimg from '../../assets/images/ContestImg.svg';
import leftBubble from '../../assets/images/LeftBubble.svg';
import teambuilding1 from '../../assets/images/Teambuilding1.svg';
import teambuilding2 from '../../assets/images/Teambuilding2.png';
-import contestDetail from '../../assets/images/ContestDetail.svg';
+import contestDetail from '../../assets/images/ContestDetails.svg';
import rightBubble from '../../assets/images/rightBubble.svg';
import portfolio from '../../assets/images/Portfolio.png';
-import portfolioPage from '../../assets/images/PortfolioPage.svg';
+import portfolioPage from '../../assets/images/PortfolioPg.svg';
export const HomeContent = styled.div`
display: flex;
@@ -101,6 +101,8 @@ export const PageImg = styled.div`
export const ContestImg = styled.div`
background: url(${contestimg});
+ background-size: contain;
+ background-repeat: no-repeat;
width: 38rem;
height: 25rem;
position: absolute;
@@ -244,6 +246,8 @@ export const Section3 = styled(Section1)`
export const ContestDetail = styled(ContestImg)`
background: url(${contestDetail});
position: absolute;
+ background-size: contain;
+ background-repeat: no-repeat;
left: 0;
height: 30rem;
background-repeat: no-repeat;
@@ -329,6 +333,8 @@ export const PortfolioImg = styled(TeamImg)`
export const PortfolioDetail = styled(ContestImg)`
background: url(${portfolioPage});
position: absolute;
+ background-size: contain;
+ background-repeat: no-repeat;
right: 0;
top: 9.5rem;
width: 37.7rem;