.ImageLazy { position: relative; :global { .lazyBox { width: 100%; height: 100%; position: relative; .adm-image { width: 100%; height: 100%; img { width: 100%; height: 100%; } } .lookImg { cursor: pointer; transition: opacity .3s; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fff; background-color: rgba(0, 0, 0, .6); &>div { font-size: 14px; } } &:hover { .lookImg { opacity: 1; pointer-events: auto; } } } } }