diff --git a/make_post_sell/templates/player.j2 b/make_post_sell/templates/player.j2 index bc464f4..fc8fe96 100644 --- a/make_post_sell/templates/player.j2 +++ b/make_post_sell/templates/player.j2 @@ -24,12 +24,20 @@ position: relative; } - /* Media element styles */ + /* Media element styles - always maintain aspect ratio */ #media { grid-area: media; width: 100%; height: 100%; + max-width: 100%; + max-height: 100%; object-fit: contain; + object-position: center; + } + + /* For images, ensure aspect ratio is preserved */ + img#media { + display: block; } /* Player controls overlay */