img {
  max-width: 100%;
}


.introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url('/media/97c0783a-04a8-4e63-ab0e-e9894c3aa08f.png');
  	border-bottom: 0px solid #6c757d;
  	border-top: 0px solid #ea0a8e;
    box-shadow: 0px 5px 5px grey;
    min-height:400px;
}

@media (min-width: 350px) {
 	 .introduction-container {
       min-height:450px;
	}
}

@media (min-width: 500px) {
 	 .introduction-container {
       min-height:450px;
       background-image: url('/media/4cef77c5-cf3e-45c1-a7b3-021a02bcc77e.png');
	}
}

@media (min-width: 700px) {
 	 .introduction-container {
       min-height:450px;
	}
}

@media (min-width: 900px) {
 	 .introduction-container {
       min-height:450px;
	}
}

@media (min-width: 1100px) {
 	 .introduction-container {
       min-height:450px;
	}
}

@media (min-width: 1300px) {
 	 .introduction-container {
       min-height:450px;
	}
}

@media (min-width: 1500px) {
 	 .introduction-container {
       min-height:500px;
	}
}

@media (min-width: 1700px) {
 	 .introduction-container {
       min-height:550px;
	}
}

@media (min-width: 1900px) {
 	 .introduction-container {
       min-height:600px;
	}
}

@media (min-width: 768px) {
    .introduction-container .card {
        width: 50%;
        float: left;
        min-height: 320px;
    }
}

@media (min-width: 992px) {
    .introduction-container .card {
        width: 40%;
        float: left;
        padding: 90px 40px;
        min-height: 600px;
    }
}

.introduction-container .card {
  opacity:0.5;
}