.main-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 640px) {
    .main-image {
        width: 50%;
        height: 500px;
        border-radius: 6px;
        margin: 0.5rem auto;
    }
}