Username

В общем временное решение придумал через aspect-ratio
Теперь если открывается клавиатура в вертикальной ориентации телефона, css не думает что сейчас горизотальная ориентация

@media screen and (min-aspect-ratio: 13/9) and (min-aspect-ratio: 16/9) {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 15px;
    position: absolute;
    height: 640px;
    width: 360px;
    top: 30px;
    transform: translate(-50%, 0);
    left: 50%;
  }