diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index c45dc85..893d825 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -23,8 +23,8 @@
     </div>
     <div class="container mx-auto">
       <div class="flex flex-row justify-center">
-	<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80"/>
-	<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/>
+	<img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80"/>
+	<img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/>
       </div>
     </div>
     <!-- Nav END -->
@@ -93,7 +93,7 @@
   <div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
     <div class="flex flex-col lg:flex-row lg:space-x-4">
       <div class="basis-1/3 max-md:hidden">
-	<img src="assets/love-park-small.png" class="lg:scale(0.7) lg:rounded-l-2xl" />
+	<img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-l-2xl" />
       </div>
       <div class="basis-2/3">
 	<div class="w-fit mx-auto">
@@ -111,7 +111,7 @@
   </div>
 </div>
 <div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
-  <img src="assets/love-park-small.png">
+  <img src="<%= image_path 'love-park-small.png' %>">
 </div>
 <div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]">
   <div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
@@ -121,7 +121,7 @@
     </div>
     <div class="flex flex-col my-4 lg:flex-row lg:w-fit lg:mx-auto lg:my-12">
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/home2.svg" class="w-16 h-16" />
+	<img src="<%= image_path 'home2.svg' %>" class="w-16 h-16" />
 	<div class="flex flex-col pl-2">
 	  <a href="" class="text-3xl">Home2 Suites</a>
 	  <span>484-354-2985</span>
@@ -129,7 +129,7 @@
 	</div>
       </div>
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/residence-inn.svg" class="w-16 h-16" />
+	<img src="<%= image_path 'residence-inn.svg' %>" class="w-16 h-16" />
 	<div class="flex flex-col pl-2">
 	  <a href="#" class="text-3xl">Residence Inn</a>
 	  <span class="text-xl">12 minutes away</span>
@@ -137,7 +137,7 @@
 	</div>
       </div>
       <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
-	<img src="assets/hotel-warner.png" class="w-16 h-16 scale-y-50" />
+	<img src="<%= image_path 'hotel-warner.png' %>" class="w-16 h-16 scale-y-50" />
 	<div class="flex flex-col pl-2">
 	  <span class="text-3xl">Hotel Warner</span>
 	  <span class="text-xl">15 minutes away</span>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 15d15e1..a84f47b 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -20,7 +20,7 @@
   </head>
 
   <body>
-    <div id="main-content" class="lg:bg-[#fdfefe]"/>
+    <div id="main-content" class="lg:bg-[#fdfefe]">
       <%= yield %>
     </div>
     <script>
