diff --git a/layouts/shortcodes/image-size-control.html b/layouts/shortcodes/image-size-control.html
index 310f436..170322f 100644
--- a/layouts/shortcodes/image-size-control.html
+++ b/layouts/shortcodes/image-size-control.html
@@ -1,6 +1,6 @@
 <div class="image-size-control" style="
-{{- with (.Get "width") }}width: {{ . }};{{ end -}}
-{{- with (.Get "height") }}height: {{ . }};{{ end -}}
+{{- with (.Get "width") }}max-width: {{ . }};{{ end -}}
+{{- with (.Get "height") }}max-height: {{ . }};{{ end -}}
 ">
   {{ .Inner | markdownify }}
 </div>