body {
    background: green;
    overflow: hidden;
}

.lose {
    background: url(../image/lose1.png);
    background-size: 321px 135px;
    position: fixed;
    bottom: 231px;
    right: 504px;
    width: 329px;
    height: 119px;
    z-index: 2;
}

.win {
    background: url(../image/win1.PNG);
    background-size: 321px 135px;
    position: fixed;
    bottom: 231px;
    right: 504px;
    width: 317px;
    height: 128px;
    z-index: 2;
}

canvas {
    display: flex;
    justify-content: center;
    background: green;
}

@media screen and (max-width:1000px) {
    

    .lose {
        margin-right: -286px;
        margin-bottom: -173px;
    }

    .win {
        margin-right: -286px;
        margin-bottom: -173px;
    }
}