.logo-showcase {
	text-align: center;

	&__container {
		overflow: hidden;
		position: relative;
		padding: rem(40px 0);
		background-color: $c-4;

		@include sm {
			padding: rem(30px 0);
		}
	}

	&__logos {
		&__row {
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
	
			&::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 1;
				pointer-events: none;
				background: linear-gradient(90deg, $c-4 0%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 97%, $c-4 100%);
			}
		}

		&__column {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}

		&--container {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}

		&__image {
			width: 20vw;
			display: flex;
			justify-content: center;
			align-items: center;
			max-width: rem(290px);
			flex: 1;

			@include sm {
				width: 54vw;
			}

			img {
				max-width: rem(257px);
				width: auto;
				max-height: rem(70px);
				height: auto;

				@include sm {
					max-width: rem(200px);
					max-height: rem(55px);
				}
			}
		}
	}
}
