.ImageLazy{ position: relative; :global{ .lazyBox{ width: 100%; height: 100%; position: relative; .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; } } } } }