.banner{width:100%;background-image:url(https://sm.mashable.com/t/mashable_in/photo/default/spiderman-copy_4syx.3200.jpg);background-size:cover;position:relative}.hover-box{width:80%;height:180px;background:#fff;z-index:1;position:absolute;bottom:-20%;right:10%}.hover-box:before{background-color:#2563eb;display:block;transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(-50deg) scaleX(1) scaleY(1);content:"";position:absolute;height:100%;width:20px;top:10px;left:-20px}.hover-box:after{content:"";position:absolute;right:-1px;bottom:-1px;width:0;height:0;border-left:40px solid transparent;border-bottom:48px solid #091829}.container-bottom{background:#101827;position:relative}.container-bottom:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-left:40px solid transparent;border-bottom:48px solid #fff}.top-news{width:80%;height:250px;position:absolute;right:11%;bottom:2%}.trending-news{position:relative;background:#f2f1ed}.trending-news:before{background-color:#2563eb;display:block;transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(-50deg) scaleX(1) scaleY(1);content:"";position:absolute;height:100%;width:10px;top:5px;left:-10px}@media screen and (max-width:480px){.container-bottom{height:550px}.top-news{bottom:30%}.top-new-contain{margin-top:10px}.heading-trending{padding-top:10px;padding-left:10px}.main-news{margin-bottom:40px}}