diff --git a/photo/02melancholy/melancholy01.JPG b/photo/02melancholy/melancholy01.JPG
new file mode 100644
index 0000000..fd2fad7
Binary files /dev/null and b/photo/02melancholy/melancholy01.JPG differ
diff --git a/photo/02melancholy/melancholy02.JPG b/photo/02melancholy/melancholy02.JPG
new file mode 100644
index 0000000..035dc18
Binary files /dev/null and b/photo/02melancholy/melancholy02.JPG differ
diff --git a/works2.css b/works2.css
index f4e373d..008a08d 100644
--- a/works2.css
+++ b/works2.css
@@ -157,13 +157,26 @@
 }
 
 .img-01 {
-	background-image: url('photo/kosame.JPG');
+	background-image: url('photo/02melancholy/melancholy01.JPG');
 	animation: slide-animation-01 24s infinite;
+	background-position: 50% 50%;
 }
 
 .img-02 {
-	background-image: url('photo/kosame.JPG');
+	background-image: url('photo/02melancholy/melancholy01.JPG');
 	animation: slide-animation-02 24s infinite;
+	background-position: 50% 50%;}
+
+.img-03 {
+		background-image: url('photo/02melancholy/melancholy01.JPG');
+		animation: slide-animation-01 24s infinite;
+		background-position: 50% 50%;
+	}
+	
+.img-04 {
+		background-image: url('photo/02melancholy/melancholy01.JPG');
+		animation: slide-animation-02 24s infinite;
+		background-position: 50% 50%;
 }
 
 
diff --git a/works2.html b/works2.html
index ad44e50..7e1d5ec 100644
--- a/works2.html
+++ b/works2.html
@@ -16,7 +16,7 @@
   <title> NakaharaNami's Portfolio </title>
   <link rel="stylesheet" href="reset.css">
   <link rel="stylesheet" href="common.css">
-  <link rel="stylesheet" href="works1.css">
+  <link rel="stylesheet" href="works2.css">
   <link href="favicon.ico" rel="icon" type="image/x-icon" />
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -84,7 +84,7 @@ <h2>watering flowers,is it love or not?</h2>
       </div>
 
       <div class="section-works1__image-body">
-        <img class="section-works1__image" src="photo/kosame.JPG" alt="top_image">
+        <img class="section-works1__image" src="photo/02melancholy/melancholy02.JPG" alt="top_image">
       </div>
     </section>
 
@@ -99,13 +99,12 @@ <h2>watering flowers,is it love or not?</h2>
     </section>
 
 
- 
-
-   
     <section class="img-frame">
     
         <div class="img-01"></div>
         <div class="img-02"></div>
+        <div class="img-03"></div>
+        <div class="img-04"></div>
       
     </section>
   </main>