.course {
	margin-bottom: 20px;
	position: relative;
}

.courseImageContainer {
	position: relative;
	width: 300px;
	float: left;
	z-index: 
}
.courseImageContainer img {
	opacity: 1;
  	display: block;
  	width: 100%;
  	height: auto;
  	transition: .5s ease;
 	backface-visibility: hidden;
}
.courseLink {
	transition: .5s ease;
  	opacity: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  	text-align: center;
}

.courseLink i {
	color: green;
	display: block;
}

.courseImageContainer:hover img {
  opacity: 0.3;
}

.courseImageContainer:hover .courseLink {
  opacity: 1;
}

.coursesText {
	float: left;
	margin-left: 20px;
	width: 400px;
}