.wf-loading * { opacity: 0; } .result_container { margin: 0 auto; } .video { width: 100%; height: auto; position: relative; top: 0; left: 0; } .videoMerge { position: relative; top: 0; left: 0; z-index: 10; width: 100%; display: block; margin: 0 auto; background-size: cover; } .img-magnifier-container { position: relative; } .img-magnifier-glass { position: absolute; display: block; cursor: none; box-shadow: 0 0 5px rgb(154, 187, 220), inset 0 0 5px rgba(154, 187, 220, 0.3); width: 120px; height: 120px; border-radius: 100%; pointer-events: none; } @media screen and (max-width:479px) { .img-magnifier-glass { width: 40px; height: 40px; } } @media screen and (max-width:767px) { .img-magnifier-glass { width: 60px; height: 60px; } } @media screen and (max-width:1024px) { .img-magnifier-glass { width: 80px; height: 80px; } } @media screen and (min-width:1216px) { .img-magnifier-glass { width: 100px; height: 100px; } }