.corner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 20vw; /* % ширины окна браузера */
    height: auto; /* Пропорционально ширине */
    max-width: 420px;  /* Ограничение максимального размера */
    max-height: 420px;
    z-index: 3;
    margin: 1px;
}

/* Для мобильных устройств */
@media (max-width: 1200px),
       (max-width: 768px) {
    .corner-image {
        width: 45vw;
        height: auto;
        max-width: 220px;
        max-height: 220px;

    }
}

/* Для мобильных устройств в горизонтальном режиме */
@media (max-width: 1200px) and (orientation: landscape),
       (max-width: 768px) and (orientation: landscape) {
    .corner-image {
        width: 25vw;
        height: auto;
        max-width: 220px;
        max-height: 220px;
    }
}