<!DOCTYPE html>
<style>
    div.container {
        -webkit-writing-mode: vertical-rl;
        inline-size: 80px;
        block-size: 200px;
        outline: solid blue;
    }

    img {
        background-color: red;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
</style>
<div class="container">
    <img src="data:image/svg+xml,<svg width='120' height='240' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='120' height='240'></rect></svg>">
</div>
<div style="height: 25px;"></div>
<div class="container">
    <img src="data:image/svg+xml,<svg width='60' height='80' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='60' height='80'></rect></svg>">
</div>