.scratch-wrapper {
    max-width: 360px;
    margin: 20px auto;
}

.scratch-box {
    position: relative;
    width: 100%;
    height: 180px;
}

.scratch-box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.scratch-box canvas {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.result {
    background: #f8f8f8;
    padding: 10px;
    margin-top: 10px;
    border: 1px dashed #ccc;
}