:root {
    color-scheme: light;
    background: #fff;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

main {
    display: grid;
    min-height: 100vh;
    min-height: 100svh;
    padding: 24px;
    place-items: center;
}

img {
    display: block;
    width: min(576px, calc(100vw - 48px), calc(100vh - 48px));
    width: min(576px, calc(100vw - 48px), calc(100svh - 48px));
    height: auto;
}