.layout-grow{ flex-grow: 1; } .custom-container{ position: relative; border-radius: 10px; padding: 40px 20px 0px; } .custom-container:before{ content: 'Custom Layout CSS'; font-weight: 500; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); /*border: 1px solid #9c21af;*/ background-color: white; padding: 5px 15px; border-radius: 10px; } .container-flower{ background-color: #f3deff; background-size: 500px; background-repeat: no-repeat; background-position-x: right; background-position-y: bottom; background: linear-gradient( to right bottom, rgb(248 242 251) 50%, rgb(241 187 255) ); padding-bottom: 200px; } .container-flower fieldset{ position: relative; z-index: 1; } .container-flower:after{ content: ''; width: 300px; height: 200px; background-image: url('../../sources/FormImplementation/Resources/6662396.png'); background-size: 300px; position: absolute; bottom: 0px; right: 0px; border-radius: 10px; } .container-flower .col-form-label{ color: #8d63b7; } .container-flower .form-compound-fieldset{ border: 1px solid #8d63b7; } .container-color{ position: relative; border-radius: 10px; background-color: #faf7ff; } .container-color .form-compound-fieldset{ background-color: #ebe4f6; border: none; } .container-color2{ position: relative; border-radius: 10px; background-color: #f7f9ff; } .container-color2 .form-compound-fieldset{ background-color: #e8edf9; border: none; } .error-label{ color: #d32f2f; } .container-color2 .form-compound-fieldset fieldset{ border-bottom: 1px dashed #a3adc5; } .container-color2 .form-compound-fieldset fieldset:last-child{ border-bottom: none; }