.tabs-list{
display:flex;
flex-direction:column;
margin:0;
padding:0;
width:180px;
row-gap:15px;
}
.tab{
align-self:flex-start;
}
.tab + .active{
align-self:flex-end;
}
.content{
display:flex;
flex-direction:column;
width:280px;
padding:20px 30px 20px;
}
.title{
align-self:center;
order:3;
margin-bottom:-9px;
}
.author{
align-self:flex-start;
order:1;
margin-bottom:15px;
}
.image{
align-self:center;
order:2;
max-width:100%;
height:auto;
margin-bottom:1px;
}
.message{
align-self:center;
order:4;
}
.reply-link{
align-self:center;
order:5;
margin-top:6px;
}
Мой вариант решения. 100%