.post{

display: inline-flex;
margin: 0 15px;

}

.post img{

margin: 5px 10px;
width: 400px;
height: 250px;
object-fit: cover;

}

.post .desc{

display: inline-block;
margin: 5px 10px;
width: 260px;
vertical-align: top;

}

.post a:hover{

text-decoration: none;

}

post{

margin: 50px;
width: min(700px, calc(100% - 100px));
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;

}

post-content img{

max-width: 100%;

}

table, th, td {

border: 1px solid silver;

}

table{

width: 100%;

}

th, td{

padding: 5px 15px;

}

th{

text-align: center;

}

@media screen and (max-width: 768px){

.post{
    display: initial;
}

.post img, .post .desc{
    width: calc(100vw - 60px);
}

.post img{
    height: calc(62.5vw - 60px);
}

}