diff --git a/css/global.css b/css/global.css index 75dfa65..2a55b7e 100644 --- a/css/global.css +++ b/css/global.css @@ -818,45 +818,48 @@ a:hover { +.left_banner { + position:fixed; + top: 250px; + left: 40px; + width: 383px; + height: 626px; + background-image: url("https://www.veltron.net/images/dragon.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + animation: float 6s ease-in-out infinite; + z-index: 94; -/* default: hide everything */ -.left_banner, -.right_banner { - display: none; } -/* ONLY show on 1920px and above */ -@media (min-width: 1920px) { + + + +.right_banner { + position:fixed; + top: 150px; + right: 40px; + width: 383px; + height: 626px; + background-image: url("https://www.veltron.net/images/digimon.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + animation: float 6s ease-in-out infinite; + z-index: 94; + +} + + + + +/* ========================= + * BELOW 1920 (HIDE) + = *======================== */ +@media (max-width: 1870px) { .left_banner, .right_banner { - display: block; - } - - .left_banner { - position: fixed; - top: 250px; - left: 40px; - width: 383px; - height: 626px; - background-image: url("https://www.veltron.net/images/dragon.png"); - background-size: contain; - background-position: center; - background-repeat: no-repeat; - animation: float 6s ease-in-out infinite; - z-index: 94; - } - - .right_banner { - position: fixed; - top: 150px; - right: 40px; - width: 383px; - height: 626px; - background-image: url("https://www.veltron.net/images/digimon.png"); - background-size: contain; - background-position: center; - background-repeat: no-repeat; - animation: float 6s ease-in-out infinite; - z-index: 94; + display: none !important; } }