html { overflow: hidden; } body { margin: 0px; padding: 0px; } #container { position: absolute; top: 92%; left: 18%; /*25*/ width: 80px; height: 80px; display: none; flex-direction: column; } header { width: 80px; height: 80px; opacity: 0.8; border-top-left-radius: 40px; border-top-right-radius: 40px; } header img { width: 80px; height: 80px; border-top-left-radius: 40px; border-top-right-radius: 40px; } .blink-image { -moz-animation: blink normal 1s infinite ease-in-out; -webkit-animation: blink normal 1s infinite ease-in-out; animation: blink normal 1s infinite ease-in-out; } @-moz-keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} } @keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }