.gradient-custom-2 { /* fallback for old browsers */ background: #fccb90; /* Chrome 10-25, Safari 5.1-6 */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-linear-gradient(to right, rgb(20 158 132 / 76%), rgb(10 10 56/100%)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ background: linear-gradient(to right, rgb(20 158 132 / 76%), rgb(10 10 56/100%)); } @media (min-width: 768px) { .gradient-form { height: 100vh !important; } } @media (min-width: 769px) { .gradient-custom-2 { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } }