* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: repeating-linear-gradient(0deg, #c6d30b 0%, #09ff32 50%, #db0b0b 50%, #300574 100%), repeating-linear-gradient(90deg, #c6d30b 0%, #09ff32 50%, #db0b0b 50%, #300574 100%);
    background-size: 30px 30px;
    background-blend-mode: difference;
}

span{
    position: absolute;
    width: 150px;
    height: 150px;
    background: url('shumi.jpeg');
    background-position: 25% 45%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    border-radius: 50%;
}