.image-container {
    position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
    width: 380px;  /* Set fixed width */
    height: 248px; /* Set fixed height */
    border: 2px solid #ddd;
    margin-bottom: 20px;
}

canvas {
    width: 100%;
    height: auto;
    border-radius: 5px;
    cursor: crosshair;
}

/* Selected Color Display */
.color-box {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    text-align: center;
    border: 2px solid #ddd;
}

.color-display {
    width: 100%;
    height: 100px; /* Height for color display */
    border-radius: 5px;
    margin-bottom: 10px;
}

.color-box p {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0;
}