diff --git a/static/selfie-crop.jpg b/static/selfie-crop.jpg
new file mode 100644
index 0000000..0e3a7fa
Binary files /dev/null and b/static/selfie-crop.jpg differ
diff --git a/templates/home.html b/templates/home.html
index 70be85e..93a81fe 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -7,8 +7,9 @@
 	<link rel="stylesheet" type="text/css" href="/static/bootstrap/bootstrap.min.css">
 	<style type="text/css">
 		#card {
-			width: 600px;
-			height: 300px;
+			min-width: 450px;
+			max-width: 600px;
+			max-height: 300px;
 			box-shadow:
 				rgba(0, 0, 0, 0.25) 0px 54px 55px,
 				rgba(0, 0, 0, 0.12) 0px -12px 30px,
@@ -16,17 +17,23 @@
 				rgba(0, 0, 0, 0.17) 0px 12px 13px,
 				rgba(0, 0, 0, 0.09) 0px -3px 5px;
 		}
+		#selfie {
+			width: 150px;
+			min-width: 150px;
+			height: 300px;
+			min-height: 300px;
+		}
 	</style>
 </head>
 <body>
 
 <main class="container-fluid py-4">
 	<section class="card mx-auto mb-5" id="card">
-		<div class="row g-0 h-100">
-			<div class="col-4">
-				<img src="/static/selfie.jpg" class="img-fluid rounded-start" alt="Vassili's profile photo">
+		<div class="d-flex g-0 h-100">
+			<div id="selfie">
+				<img src="/static/selfie-crop.jpg" class="img-fluid rounded-start" alt="Vassili's profile photo">
 			</div>
-			<div class="col-8 h-100 d-flex flex-column justify-content-between">
+			<div class="flex-fill d-flex flex-column justify-content-between">
 				<div class="card-body">
 					<h3 class="card-title text-center">Vassili Minaev</h3>
 					<p class="card-text">I make software, hardware, and in between<br>
