works2を追加

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%;
 }
 
 

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>