.article{display:block}#info{position:absolute;top:10px;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;color:#fffaf0;padding:0 20px}li{position:relative;list-style-type:none;z-index:2}#text{position:absolute;top:10px;width:100%;text-align:start;z-index:100;display:block;color:#fffaf0}body{margin:0}@media(max-width:1884px){.article{display:none}main{height:100%}img{height:100%}section{height:100%}}