.blog-image-wrapper {
    max-height: 500px;
    max-width: 100%;
    overflow: hidden;
}

.blog-image-wrapper img {
    object-fit: cover;
    object-position: center;
}

.blog-image {
    max-width: 400px;
    max-height: 240px;
    overflow: hidden;
}

a:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

img {
    transition: 0.3s ease-in-out;
}