diff --git a/static/img/application_placeholder.png b/static/img/application_placeholder.png
index 0445f3d662671522ce0d7ef8242fefa5373619a3..a340f96caae75c2c1cf49af1648ddcef27f59b98 100644
Binary files a/static/img/application_placeholder.png and b/static/img/application_placeholder.png differ
diff --git a/static/img/application_placeholder_old.png b/static/img/application_placeholder_old.png
new file mode 100644
index 0000000000000000000000000000000000000000..0445f3d662671522ce0d7ef8242fefa5373619a3
Binary files /dev/null and b/static/img/application_placeholder_old.png differ
diff --git a/static/img/foli_placeholder.png b/static/img/foli_placeholder.png
index 0916c287d684bbdb165a80c8ff72a8e325b53519..b57442806c5970720aa973e274878aa78e128486 100644
Binary files a/static/img/foli_placeholder.png and b/static/img/foli_placeholder.png differ
diff --git a/static/img/foli_placeholder_old.png b/static/img/foli_placeholder_old.png
new file mode 100644
index 0000000000000000000000000000000000000000..0916c287d684bbdb165a80c8ff72a8e325b53519
Binary files /dev/null and b/static/img/foli_placeholder_old.png differ
diff --git a/static/img/mobiililippu_1.png b/static/img/mobiililippu_1.png
index e07d28464be406c6d00bf075b176458e72bf65a2..8206c1d8e6f103f7e1c67ba08f5f38c47e80ff20 100644
Binary files a/static/img/mobiililippu_1.png and b/static/img/mobiililippu_1.png differ
diff --git a/static/img/mobiililippu_2.png b/static/img/mobiililippu_2.png
index d7ca148a90eee26af9e4c9834ec4d8c2c5a1ef0c..a18a323827d49c6eb539324487c52f94914b7ab1 100644
Binary files a/static/img/mobiililippu_2.png and b/static/img/mobiililippu_2.png differ
diff --git a/static/img/news_placeholder.png b/static/img/news_placeholder.png
index d2c2ccfeaa6663fd0ddcd02c0a4fd1c9104fedec..12208cc862668284fb48e216080ee9aa3eee6244 100644
Binary files a/static/img/news_placeholder.png and b/static/img/news_placeholder.png differ
diff --git a/static/img/news_placeholder_old.png b/static/img/news_placeholder_old.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2c2ccfeaa6663fd0ddcd02c0a4fd1c9104fedec
Binary files /dev/null and b/static/img/news_placeholder_old.png differ
diff --git a/static/img/timetables_placeholder.png b/static/img/timetables_placeholder.png
index ddcfb318d1ebeba3e649e0f73a844e53c595999e..c48af091e0647784c7e56cd20067e1e5813fcbd2 100644
Binary files a/static/img/timetables_placeholder.png and b/static/img/timetables_placeholder.png differ
diff --git a/static/img/timetables_placeholder_old.png b/static/img/timetables_placeholder_old.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddcfb318d1ebeba3e649e0f73a844e53c595999e
Binary files /dev/null and b/static/img/timetables_placeholder_old.png differ
diff --git a/templates/index.html b/templates/index.html
index 9c13ef61395ff07f7d8170cdc9a258eda935d4ef..965ed4f1fc2caee898b7457edfc215bfe3f378de 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -36,23 +36,18 @@
 	</div>
 	<div class="row mb-4">
 		<div class="col-md-5 offset-md-1 mb-4 mb-md-0">
-			<!-- this particular button variation has some responsiveness issues -->
-			<div class="card menu-card text-center bg-white border-foli text-foli box-shadow">
-				<img class="card-img" src="{{ util.static_url('img/news_placeholder.png') }}" alt="{{ _("Card Image") }}">
-				<div class="card-img-overlay">
-					<h4 class="card-title">{{ _("Info") }}</h4>
-					<p class="card-text">{{ _("Wheather, Social Media, Events") }}</p>
-					<a role="button" href="{{ util.view_url('info') }}" class="btn btn-lg btn-primary">{{ _("View") }}</a>
+			<div class="card menu-card bg-foli text-center box-shadow">
+				<img class="card-img-top" src="{{ util.static_url('img/news_placeholder.png') }}" alt="{{ _("Card Image") }}">
+				<div class="card-body">
+					<a role="button" href="{{ util.view_url('info') }}" class="btn btn-lg btn-primary">{{ _("Media feed") }}</a>
 				</div>
 			</div>
 		</div>
 		<div class="col-md-5">
-			<div class="card menu-card text-center bg-white border-foli text-foli box-shadow">
-				<img class="card-img" src="{{ util.static_url('img/foli_placeholder.png') }}" alt="{{ _("Card Image") }}">
-				<div class="card-img-overlay">
-					<h4 class="card-title js-hide">{{ _("Föli") }}</h4>
-					<p class="card-text js-hide">{{ _("Information about Föli services") }}</p>
-					<a role="button" href="{{ util.view_url('foli') }}" class="btn btn-lg btn-primary js-hide">{{ _("View") }}</a>
+			<div class="card menu-card bg-foli text-center box-shadow">
+				<img class="card-img-top" src="{{ util.static_url('img/foli_placeholder.png') }}" alt="{{ _("Card Image") }}">
+				<div class="card-body">
+					<a role="button" href="{{ util.view_url('foli') }}" class="btn btn-lg btn-primary">{{ _("Ticket prices") }}</a>
 				</div>
 			</div>
 		</div>