Save

layout/style-scss/kontakt-v8.scss

@@ -46,11 +46,11 @@ select {
 		top: 0;
 		bottom: 0;
 		left: 0;
-		width: 50vw;
+		width: 70vw;
 		background: linear-gradient(
 			90.59deg,
-			#f1efed 41.45%,
-			rgba(245, 248, 255, 0) 97.46%
+			#f1efed 70%,
+			rgba(245, 248, 255, 0) 100%
 		);
 		z-index: 1;
 	}
@@ -63,8 +63,8 @@ select {
 		width: 50vw;
 		background: linear-gradient(
 			90deg,
-			#f1efed 73.09%,
-			rgba(245, 248, 255, 0) 98.83%
+			#f1efed 80%,
+			rgba(245, 248, 255, 0) 100%
 		);
 		transform: matrix(-1, 0, 0, 1, 0, 0) translateX(-50%);
 		z-index: 1;
@@ -72,11 +72,13 @@ select {
 
 	.box-1--wrapper {
 		position: relative;
-		min-height: 440px;
+		min-height: 300px;
 
 		.box-1--bg {
 			position: absolute;
 			inset: 0;
+			display: flex;
+			justify-content: flex-end;
 
 			img {
 				height: 100%;
@@ -91,7 +93,7 @@ select {
 			column-gap: 120px;
 			align-items: center;
 			justify-content: space-between;
-			min-height: 437px;
+			min-height: 300px;
 			z-index: 1;
 
 			@include respond-below(lg) {
@@ -107,9 +109,11 @@ select {
 
 			.bg-icon {
 				position: absolute;
-				left: 16%;
+				left: 45%;
 				top: 0;
 				border: 0;
+				transform: translateX(-50%);
+				height: 100%;
 
 				@include respond-below(sm) {
 					left: 50%;
@@ -123,7 +127,7 @@ select {
 				&-1 {
 					position: relative;
 					width: 100%;
-					max-width: 440px;
+					max-width: 310px;
 
 					.box-title {
 						margin-bottom: 24px;
@@ -199,7 +203,7 @@ select {
 
 									box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
 									transition: box-shadow 0.3s;
-									padding: 0.9rem 1rem 0.8rem 1rem;
+									padding: 0.8rem 1rem 0.8rem 1rem;
 									border-radius: 6px;
 									line-height: 1;
 									width: fit-content;