HTML & CSS

Currently, when you add a widget, it is automatically added to the mobile view with the option to hide and or not visible at all if not supported. Can this "hidden" function can also be added when working with desktop view? One possible use case is when a widget is unsupported in mobile, we can load another widget to its place. Sample:Desktop viewiframe (visible)html widget (set as not visible) Mobile Viewiframe (not supported)html widget (visible - this will act as the iframe's substitute) Is there any way to manually configure this via CSS? 

Has anyone managed to create a countdown page without the use of Javascript?

Does anyone have html code/css that would control the left or right margin for text on a widget on a custom page allowing you to have an image to the left or right of a box as shown in my mock up below?I don’t have extensive html/css skills but can cut and paste code into an HTML widget and I do know how to add custom styles to the configure branding and look area.