.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.color-option {
    width: 30px;
    height: 30px;
    border: 1px solid #362c2c;
    border-radius: 5px;
    cursor: pointer;
}
.imagecontainter {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
}

.imagecontainter img {
    width: 100%;
}

img.frameImage {
    position: absolute;
}

img#frameImage {
    position: absolute;
}

.optionContainer h6 {
    margin: 5px 15px auto 0;
    min-width: 100px;
}

.optionContainer {
    display: flex;
    align-items: flex-start;
	margin-bottom: 20px;
}

.panel-image-preview img, .frame-image-preview img {
    max-width: 100px;
    max-height: 100px;
    border: 1px solid #ccc;
    margin-top: 5px;
}

/* Center footer widgets on mobile */
@media only screen and (max-width: 800px) {
    .optionContainer h6 {
        margin: 5px 15px 10px 0;
        min-width: 100%;
    }
.optionContainer {
    flex-direction: column;
}
}