#imageContainer {
    position: relative;
    display: inline-block;
}

.editButton {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    padding: 5px;
    cursor: pointer;
    display: none; /* Initially hide the edit button */
}

.image-wrapper:hover .editButton {
    display: block; /* Display the edit button when hovering over the image wrapper */
}

.editButton:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.editMenu {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;
}

.editMenu .close{
    position: absolute;
    right: 0;
     top: 0;
}

.editMenu input {
    margin-bottom: 5px;
    width: 200px;
}

.editMenu button {
    margin-right: 5px;
}