*{margin:0}body{background-color:black}ul{display:flex;flex-wrap:wrap;gap:2px;list-style:none;padding-left:0}li{height:40vh;flex-grow:1}li:last-child{flex-grow:10}img{max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom}@media (max-aspect-ratio: 1/1){li{height:30vh}}@media (max-height: 480px){li{height:80vh}}@media (max-aspect-ratio: 1/1) and (max-width: 480px){ul{flex-direction:row}li{height:auto;width:100%}img{width:100%;max-height:75vh;min-width:0}}