img {
  max-width: 100%;
}


.introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url('/media/df80e2c4-5b8f-4d21-9dc2-00865ce3b45d.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/39d8be7b-58b9-43b4-a998-c182158860ab.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;
}