.blogCard{height: 400px;width: 280px;-webkit-box-shadow: -1px 2px 5px -3px #00232e;box-shadow: -1px 2px 5px -3px #00232e;background-color: #f0f0f0;-webkit-transition: 350ms ease-in-out;transition: 350ms ease-in-out;margin: 0 auto;position: relative}.blogCard:hover{-webkit-transition: 500ms ease-out;transition: 500ms ease-out;-webkit-transform: translate(5px, -5px);transform: translate(5px, -5px);-webkit-box-shadow: -4px 6px 15px -3px #00232e;box-shadow: -4px 6px 15px -3px #00232e}.blogCard__image{height: 50%;width: 100%;-webkit-filter: grayscale(100);filter: grayscale(100);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative}.blogCard__image:after{background-color: #00232e;opacity: 0.3;top: 0;left: 0;right: 0;bottom: 0;position: absolute;content: ' '}.blogCard__content{padding: 10px 20px 10px 20px}.blogCard__content-title{font-family: "Playfair Display";font-weight: 100;font-size: 1.2em;color: #32afd7;padding-bottom: 5px}.blogCard__content-subtitle{font-weight: 400;font-family: sans-serif;font-size: 1em;color: black}.blogCard__content-date{margin-top: auto;margin-bottom: 5px;font-family: sans-serif;font-weight: 100;font-size: 1em;color: black;position: absolute;bottom: 0px;right: 5px}