So I want to have text next to the image, and both centered. Flexbox seems like it could work well for this but the image keeps getting squished. Any ideas of how I can keep the image in its original aspect ratio?

```css
.container {
  display: flex;
  width: 60%;
  margin: 0 auto;
  border: red 1px solid;
}
img {
  height: 300px;
  width: 300px;
}
p {
  padding: 30px;
}
```

```html
<div class="container">
  <p class="inner">Lorem Pisum Doelem sipsum iflup getsup in da tubsusb
  </p>
  <img src="https://i.vimeocdn.com/portrait/15351700_300x300" />
</div>
```

This is an example of what I'm trying to do. I think flex box will work for this, I'm just having a little trouble.

<http://mojave-demo.squarespace.com/our-team-mojave/>