diff --git a/index.html b/index.html
index 797fd9fd..e8d801b8 100644
--- a/index.html
+++ b/index.html
@@ -314,9 +314,9 @@
 	</div>
 	<div class="row section">
 		Check out some samples! <br/>
-		<img id="sampleCardA" style="width: 33.33%;" class="column"></img>
-		<img id="sampleCardB" style="width: 33.33%;" class="column"></img>
-		<img id="sampleCardC" style="width: 33.33%;" class="column"></img>
+		<img id="sampleCardA" class="column sampleImage"></img>
+		<img id="sampleCardB" class="column sampleImage"></img>
+		<img id="sampleCardC" class="column sampleImage"></img>
 	</div>
 	<div class="row info" style="">For Terms of Use and Disclaimer, see <a href="https://github.com/ImKyle4815/CardConjurer" target="_blank">the Github page</a>.</div>
 </body>
@@ -392,6 +392,9 @@
 .column {
 	float: left;
 }
+.sampleImage {
+	width: 33.33%;
+}
 /*Style for sections, togglers, and togglees*/
 .section {
 	border: 1px solid var(--section-border-color);