.persona-image {
    min-width: 100%; 
    min-height: 100%; 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
}

@media (min-aspect-ratio: 852/574) {
    .landscape-image {
        display: block;
    }
    
    .portrait-image {
        display: none;
    }
}
 
 @media (max-aspect-ratio: 851/574) {
    .landscape-image {
        display: none;
    }

    .portrait-image {
        display: block;
    }
}