#site-main-content article .container {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 20px; padding: 20px; }
#site-main-content article .container .image {
flex: 1; display: flex;
align-items: center;
}
#site-main-content article .container .image img {
max-width: 100%;
height: auto; max-height: 100%; object-fit: contain; }
#site-main-content article .container .text {
flex: 2; align-items: center; justify-content: center; padding: 10px; }
@media (max-width: 768px) {
#site-main-content article .container {
flex-direction: column; }
#site-main-content article .container .image,
#site-main-content article .container .text {
flex: 1; }
}
.post-media {
width: 50% !important;
}