app.less

.listing-img-inner {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	// height: 100px;
	background: @stone-blue;
	overflow: hidden;

	.small-up(@screen-tablet {
		float: none;
		width: 100%;
		height: 270px;
	});

	.medium-up(@screen-tablet {
		height: 169px;
	});

	.desktop(@screen-desktop {
		height: 206px;
	});

	img {
		position: relative;
		height: auto;
		bottom: 0;
		width: 100%;
		left: 0;
		margin-left: 0;

		.small-up(@screen-tablet {
			bottom: 0;
			left: 0;
			// width: 380px;
			margin-left: 0;
		});
	}

	&:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 22px;
		.opacity(0);
		z-index: 1;
		.gradients > .global;

		.small-up(@screen-tablet {
			.opacity(.75);
		});
	}

	.register-cta {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 147px;
		left: -100%;
		padding: 0;
		color: @white;
		text-align: center;
		z-index: 5;
		.opacity(0);
		.transition(all, .4s, ease);
		.gradients > .global;

		.desktop(@screen-desktop {
			height: 184px;
		});

		p {
			display: inline-block;
			color: @white;
			padding-bottom: 8px;
			margin-top: 33%;
			margin-left: -155%;
			.transition(all, .4s, ease);
			font-size: 18px;
			.fonts > .header-serif;
		}
	}
}