.lqip-loader { position: relative; overflow: hidden; width: auto; } .lqip-loader img { position: absolute; top: 0; left: 0; width: 100%; } .lqip-loader img, .lqip-loader img { display: block; } .lqip-loader img { position: relative; float: left; display: block; } .lqip-frozen { -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); transform: scale(1.04); animation: 0.2s ease-in 0.4s 1 forwards lqipFade; width: 100%; } @keyframes lqipFade { 0% { opacity: 1; } 100% { opacity: 0; } } figure.image > img { max-width: 100%; height: auto; } footer.image-caption { font-size: 0.875em; text-align: center; opacity: 0.7; } .glow-1 { -webkit-box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38); -moz-box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38); box-shadow: 0px 0px 9px 5px rgba(45, 255, 196, 0.38); } .glow-2 { -webkit-box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38); -moz-box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38); box-shadow: 0px 0px 9px 5px rgba(238, 46, 255, 0.38); } .glow-3 { -webkit-box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38); -moz-box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38); box-shadow: 0px 0px 9px 5px rgba(46, 147, 255, 0.38); }