.canvas-container{position:relative;width:100%;height:35vh!important;overflow:hidden}canvas{display:block;width:100%;height:100%!important}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:2}.text-overlay p{font-size:1.8rem}.text-overlay .apply-button{margin-top:2rem;text-align:center;color:#fff;font-size:1rem;padding:8px 16px;border:1px solid #fff;border-radius:4px;cursor:pointer;transition:background-color .3s ease-in-out}.text-overlay .apply-button:hover{background-color:#fff;color:#7e3b98}@media (max-width:768px){.text-overlay{font-size:1.5rem}.text-overlay p{font-size:1.3rem}.text-overlay .apply-button{font-size:.9rem}}@media (max-width:480px){.text-overlay,.text-overlay p{font-size:1rem}.text-overlay .apply-button{font-size:.75rem}.canvas-container{height:30vh!important}}