@media screen and (min-width: 630px) {
    content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 25vw;
    }
    
    .MAV_Img {
        height: 30vh;
        width: 100%;
        object-fit: cover;
        object-position:0% 30%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .MAV_Title {
        margin: -10px 0 0 0;
    }
    
    .MAV_Date {
        font-style: italic;
        color: #818181;
    }
    
    .MAV_Author {
        text-align: right;
        color: #818181;
    }
    
}
@media screen and (max-width: 630px) {
    content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 9vw;
    }
    
    .MAV_Img {
        height: 30vh;
        width: 100%;
        object-fit: cover;
        object-position:0% 30%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .MAV_Title {
        margin: -10px 0 0 0;
    }
    
    .MAV_Date {
        font-style: italic;
        color: #818181;
    }
    
    .MAV_Author {
        text-align: right;
        color: #818181;
    }
    
}