/* Базовые стили (оставляем как есть) */
#rec2184610431{
    display: flex;
    justify-content: center;
}
#rec2184610431 .t-cover{
    width: 1230px;
    box-shadow: 0px 0px 10px 0px #00000085;
}

/* 960px (планшеты горизонтально) */
@media screen and (max-width: 960px) {
    #rec2184610431 .t-cover {
        width: 95%;          /* Ширина на всю доступную область */
        max-width: 960px;     /* Ограничиваем максимальную ширину */
        box-shadow: 0px 0px 8px 0px #00000085; /* Чуть меньше тень */
    }
}

/* 640px (планшеты вертикально / большие телефоны) */
@media screen and (max-width: 640px) {
    #rec2184610431 .t-cover {
        width: 95%;
        max-width: 640px;
        box-shadow: 0px 0px 6px 0px #00000085;
    }
}

/* 480px (телефоны горизонтально) */
@media screen and (max-width: 480px) {
    #rec2184610431 .t-cover {
        width: 95%;
        max-width: 480px;
        box-shadow: 0px 0px 5px 0px #00000085;
    }
}

/* 320px (маленькие телефоны, например iPhone SE) */
@media screen and (max-width: 320px) {
    #rec2184610431 .t-cover {
        width: 95%;
        max-width: 320px;
        box-shadow: 0px 0px 4px 0px #00000085;
        /* Дополнительно: если внутри есть картинка, чтобы она не вылезала */
        overflow-x: hidden;
    }
}