tweak image behavior on small screens

[web.git] / research / index.html

diff --git a/research/index.html b/research/index.html
index 32e8ddc44a6fd848244ae96ce0143eb4e2f2540b..6a1628820adef6a1ecdc7ba6b3b772f02391ae0b 100644 (file)
--- a/research/index.html
+++ b/research/index.html
@@ -2,7 +2,7 @@
 title: Ralf Jung
 ---
 
-<div style="float:right; margin-left:0.8em; margin-bottom: 0.3em"><img src="me.jpg"></div>
+<div class="float-right-350"><img style="max-width: 350px; width: 100%;" src="me.jpg" srcset="me.jpg, me-2x.jpg 2x"></div>
 
 <p>I am assistant professor at <a href='https://ethz.ch' target="_blank">ETH Zürich</a> as part of the <a href='https://pls.inf.ethz.ch/' target="_blank">Institute for Programming Languages and Systems</a>.</br>
 Previously, I completed my <a href="thesis.html">PhD</a> at <a href="https://www.mpi-sws.org/">MPI-SWS</a> and <a href="https://www.uni-saarland.de/" target="_blank">Saarland University</a> in Saarbrücken, Germany; my advisor was <a href="https://people.mpi-sws.org/~dreyer/">Derek Dreyer</a>.