.component{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;border-radius:8px;width:100vw!important;background:#f5f5f5;transition:background-color .3s ease}.component .image-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;height:100%;max-width:1280px;overflow:hidden;transition:border-color .3s ease}.component .image-container img{width:50%;height:100%;object-fit:cover;display:block;margin:0 auto}.component colorSelectionContainer{text-align:center}.component .colorSelection{display:inline-block;margin:0 5px;width:50px;height:50px;border-radius:50%;border:1px #000;cursor:pointer;transition:transform .3s}.component .colorSelection:hover{transform:scale(1.1);border-color:#000}.component .dynamicName{margin:10px 0;font-size:24px;color:#333;text-align:center}.component .dynamicMessage{font-size:16px;color:#000;text-align:center}@media(max-width:768px){.component .image-container img{width:75%}}