.full-width-bleed {  width:100vw;  position:relative;  left:50%;  right:50%;  margin-left:-50vw;  margin-right:-50vw;  max-width:calc(100vw - 9px); } .course-tiles {  display:flex;  flex-wrap:wrap; } .course-tile {  width:50%;  position:relative;  padding:54px 0;  text-align:center;  overflow:hidden; } @media (max-width:1024px) {  .course-tile {   width:100%;  } } .course-tile:hover .button {  background:#b81c29; } .course-tile:hover .button i {  -webkit-transform:translateX(0.25em);  transform:translateX(0.25em); } .course-tile:hover .tile-image {  transform:scale(1.025); } .course-tile h3 {  color:white;  margin-bottom:12px; } .course-tile h4 {  color:white;  margin:0; } .course-tile .button {  margin:26px 0; } .tile-subheading {  font-weight:500; } .tile-image {  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  object-fit:cover;  z-index:-1;  transition:transform 500ms ease-in-out; } .tile-image::before {  content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:rgba(0, 0, 0, 0.5); } .tile-image img {  height:100%;  width:100%; }