.image-box-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 10px;
    line-height: 1;
    background: none;
    z-index: 1000;
    padding: 0px;
    overflow: auto;
    cursor: default;
}

.image-label-list {
    display: flex;
    flex-direction: column;
    align-items: center; // Centers the content vertically in the flex container
    width: 100%;

    > div {
        display: flex;
        justify-content: space-between; // Puts the content and delete button on opposite ends
        align-items: center;
        width: 100%;
        margin-top: 8px; // Adds space between label rows
        background-color: black;

        p {
            text-align: center; // Centers the text of the paragraph
            font-size: large;
            vertical-align: middle;
            margin-left: 10px;
        }

        .IconButton {
            // Styling for the delete button
            margin-left: auto; // Pushes the button to the far right
        }
    }
}

.image-information {
    display: flex;
    flex-direction: column;
    //align-items: center;
    width: 100%;
}