CSS flexboxで２つの要素を横並びにして高さも揃えレスポンシブにも対応したい

CSS flexboxで２つの要素を横並びにして高さも揃えレスポンシブにも対応したいのですが、
どうしても、PCの状態にした時に、中の文字数が違うと幅や高さが微妙に違ってしまいます。
アドバイスを頂けたら助かります。

やりたいことは下記の図になります。

PCのとき

Mobileのとき

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <meta name="format-detection" content="telephone=no">
7  <meta http-equiv="X-UA-Compatible" content="IE=edge">
8  <title>title
9  </title>
10  <link rel="stylesheet" href="style.css">
11</head>
12<body>
13
14
15  <div class="container">
16
17    <a href="#">
18      <div class="inner">
19          <div><img src="test.png"></div>
20          <div class="inner_txt">
21            <h4>タイトル1</h4>
22            <p>テキストテキストテキスト</p>
23          </div>
24          <div class="arrow">＞</div>
25      </div>
26    </a>
27
28    <a href="#">
29      <div class="inner">
30          <div><img src="test.png"></div>
31          <div class="inner_txt">
32            <h4>タイトル2</h4>
33            <p>テキストテキストテキストテキストテキストテキストテキストテキスト</p>
34          </div>
35          <div class="arrow">＞</div>
36      </div>
37    </a>
38
39
40  </div>
41
42</body>
43</html>
44

CSS
1
2.container{
3  display: -webkit-box;
4  display: -webkit-flex;
5  display: -ms-flexbox;
6  display: flex;
7
8  margin: 0 auto;
9  justify-content: space-between;
10  border: solid 1px #00f;
11  width: 100%;
12}
13
14.inner{
15  display: -webkit-box;
16  display: -webkit-flex;
17  display: -ms-flexbox;
18  display: flex;
19
20  background: #6CC;
21  border: solid 2px #f00;
22
23  margin: 5px;
24  align-items: center;
25  width: 100%;
26}
27
28.inner_txt{
29  display: flex;
30  justify-content: space-between;
31  flex-direction: column;
32
33  margin: auto 0;
34  flex-basis: 64%;
35  border:solid 1px #f0f;
36  align-items: stretch;
37  width:100%;
38}
39.inner_img{
40  flex-basis: 24%;
41  margin: 8px;
42  justify-content: space-between;
43  flex-direction: column;
44}
45.arrow{
46  font-weight: bold;
47  color: #00f;
48  vertical-align: middle;
49  margin: auto 0;
50  text-align: right;
51  flex-basis: 10%;
52  padding: 6px;
53}
54
55
56@media screen and (max-width: 640px), print {
57  .container{
58    display:block;
59    width: 100%;
60  }
61  .inner{
62    margin: 5px 0px;
63  }
64}
65
66コード