diff --git a/assets/css/styles.css b/assets/css/styles.css
index 44b43d9..dca293a 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -68,7 +68,7 @@
 }
 
 .img-bg-kakebo {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/kakebo-m.jpg);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/kakebo-m.jpg);
 }
 
 /* w-section */
@@ -88,27 +88,27 @@
 }
 
 .img-bg-1 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/alfred.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/alfred.png);
 }
 
 .img-bg-2 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/weather.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/weather.png);
 }
 
 .img-bg-3 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/spacewars.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/spacewars.png);
 }
 
 .img-bg-4 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/todolist.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/todolist.png);
 }
 
 .img-bg-5 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/patashule.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/patashule.png);
 }
 
 .img-bg-6 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/resta.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/resta.png);
 }
 
 .bg-color {
diff --git a/assets/css/styles.css.map b/assets/css/styles.css.map
index 5bbd6e5..1aae470 100644
--- a/assets/css/styles.css.map
+++ b/assets/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/styles.scss","../scss/_colors.scss"],"names":[],"mappings":"AAEA;EACE,UAAA;EACA,SAAA;EACA,sBAAA;EACA,iCAAA;AADF;;AAIA;EACE,yBAAA;AADF;;AAIA;EACE,yBAAA;AADF;;AAIA;EACE,cCZa;ADWf;;AAIA;EACE,4BAAA;EACA,sBAAA;EACA,2BAAA;AADF;;AAIA;EACE,SAAA;AADF;;AAIA,YAAA;AAEA;EACE,yBC/BU;AD6BZ;;AAKA,WAAA;AAEA;EACE,yBCpCa;ADiCf;;AAMA;EACE,aAAA;AAHF;;AAMA;EACE,iBAAA;AAHF;;AAMA;EACE,aAAA;AAHF;;AAMA;EACE,eAAA;AAHF;;AAMA;EACE,iBAAA;AAHF;;AAMA;EACE,kEAAA;EACA,YAAA;AAHF;;AAMA,mBAAA;AAEA;EACE,yBCjEa;AD6Df;;AAOA;EACE,gIAAA;AAJF;;AAOA,cAAA;AAEA;EACE,iBAAA;AALF;;AAQA;EACE,qCAAA;AALF;;AAQA;EACE,kBAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA;AALF;;AAQA;EACE,8HAAA;AALF;;AAQA;EACE,+HAAA;AALF;;AAQA;EACE,iIAAA;AALF;;AAQA;EACE,gIAAA;AALF;;AAQA;EACE,iIAAA;AALF;;AAQA;EACE,6HAAA;AALF;;AAQA;EACE,sCAAA;AALF;;AAQA,kBAAA;AAEA;EACE,WAAA;EACA,YAAA;EACA,gDAAA;AANF;;AASA,oBAAA;AAEA;EACE,oCAAA;AAPF","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sources":["../scss/styles.scss","../scss/_colors.scss"],"names":[],"mappings":"AAEA;EACE,UAAA;EACA,SAAA;EACA,sBAAA;EACA,iCAAA;AADF;;AAIA;EACE,yBAAA;AADF;;AAIA;EACE,yBAAA;AADF;;AAIA;EACE,cCZa;ADWf;;AAIA;EACE,4BAAA;EACA,sBAAA;EACA,2BAAA;AADF;;AAIA;EACE,SAAA;AADF;;AAIA,YAAA;AAEA;EACE,yBC/BU;AD6BZ;;AAKA,WAAA;AAEA;EACE,yBCpCa;ADiCf;;AAMA;EACE,aAAA;AAHF;;AAMA;EACE,iBAAA;AAHF;;AAMA;EACE,aAAA;AAHF;;AAMA;EACE,eAAA;AAHF;;AAMA;EACE,iBAAA;AAHF;;AAMA;EACE,kEAAA;EACA,YAAA;AAHF;;AAMA,mBAAA;AAEA;EACE,yBCjEa;AD6Df;;AAOA;EACE,2HAAA;AAJF;;AAOA,cAAA;AAEA;EACE,iBAAA;AALF;;AAQA;EACE,qCAAA;AALF;;AAQA;EACE,kBAAA;EACA,YAAA;EACA,UAAA;EACA,QAAA;AALF;;AAQA;EACE,yHAAA;AALF;;AAQA;EACE,0HAAA;AALF;;AAQA;EACE,4HAAA;AALF;;AAQA;EACE,2HAAA;AALF;;AAQA;EACE,4HAAA;AALF;;AAQA;EACE,wHAAA;AALF;;AAQA;EACE,sCAAA;AALF;;AAQA,kBAAA;AAEA;EACE,WAAA;EACA,YAAA;EACA,gDAAA;AANF;;AASA,oBAAA;AAEA;EACE,oCAAA;AAPF","file":"styles.css"}
\ No newline at end of file
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
index fd05081..9b224da 100644
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -73,7 +73,7 @@
 }
 
 .img-bg-kakebo {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/kakebo-m.jpg);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/kakebo-m.jpg);
 }
 
 /* w-section */
@@ -94,27 +94,27 @@
 }
 
 .img-bg-1 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/alfred.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/alfred.png);
 }
 
 .img-bg-2 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/weather.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/weather.png);
 }
 
 .img-bg-3 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/spacewars.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/spacewars.png);
 }
 
 .img-bg-4 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/todolist.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/todolist.png);
 }
 
 .img-bg-5 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/patashule.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/patashule.png);
 }
 
 .img-bg-6 {
-  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(/assets/images/resta.png);
+  background: linear-gradient(179.4deg, rgba(38, 38, 38, 0) 0.81%, rgba(38, 38, 38, 0.9) 84.03%), url(../images/resta.png);
 }
 
 .bg-color {