#portrait{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:stretch;
}
#portrait .content{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    width:100%;
    height:100%;
}
#portrait .content .left {
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#portrait .content .right{
    width:50%;
    height:100%;
    object-fit: contain;
    object-position:center;
}
@media screen and (orientation:portrait) {
    #portrait .content{
        flex-direction: column;
    }
    #portrait .content .left {
        width: 100%;
        height: 50%;
        object-fit: cover;
        object-position: center;
    }
    #portrait .content .right {
        width:100%;
        height:50%;
    }
}