Gmail игнорирует показ

Question

Я пытаюсь создать отдельные мобильные и настольные представления для раздела электронной почты.

Пока у меня есть раздел CSS с минимальной шириной 499 пикселей для рабочего стола и раздел с максимальной шириной 400 пикселей для мобильного телефона.

Настольные запросы:

adventures {
        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;
        }

.hide1 {

        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;

Мобильные запросы:

.adventuresMOB {
        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;
        }

.hide2 {

        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;

Я поместил классы .adventure в теги <tr> вокруг изображений и классов .hideв тегах <div> непосредственно вокруг изображений.

Он работает в любом почтовом клиенте, кроме gmail.