图像的移动尺寸调整

Question

对于此网站：https://www.electscanlan.com/我一直在定制以下主题： https://organicthemes.com/demo/startup/

在台式机上一切正常，但在移动设备上，在我的网站上，小部件（下面的主图像和标语）的大小没有像演示中那样调整。我试过删除所有插件，在不同的浏览器上进行测试，并添加以下CSS，但它不起作用：

#page-11 .organic-widgets-section.organic-widgets-hero-section {
    height: 100vh !important;
}
                                                            @media screen {
                                            #organic_widgets_hero_section-3 .organic-widgets-featured-image img {
                    width: 100% !important;
                }
}

第一个调整来自主题编辑器，但我不明白为什么如果演示正常，我需要添加其他代码。谁能看到问题所在？