问挠曲盒中的意外失真

EN

.rowIdeas {
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
}

.columnIdeas {
  flex-basis: 25%;
}

.maxSize {
  max-height: 300px;
}

<!-- about ideas section start -->

<div class="rowIdeas">
  <div class="columnIdeas iransansdnlight">
    <div>
      <img class="maxSize" src="https://langfox.ir/vc/philosophy.svg">
      <h2>Item one</h2>
      <p>Flex items do not need to be block level unless the content they contain requires it. Also, you've prefixed all of the display properties, but didn't prefix any of the other Flexbox properties (which have different names in the other drafts).</p>
    </div>
  </div>
  <div class="idea columnIdeas iransansdnlight">
    <div>
      <img class="maxSize" src="https://langfox.ir/vc/idea.svg">
      <h2>item two</h2>
      <p>Flex items do not need to be block level unless the content they contain requires it. Also, you've prefixed all of the display properties, but didn't prefix any of the other Flexbox properties (which have different names in the other drafts).
    </div>
  </div>
  <div class="columnIdeas iransansdnlight">
    <div>
      <img class="maxSize" src="https://langfox.ir/vc/results.svg">
      <h2>item three</h2>
      <p>Flex items do not need to be block level unless the content they contain requires it. Also, you've prefixed all of the display properties, but didn't prefix any of the other Flexbox properties (which have different names in the other drafts).</p>
    </div>
  </div>
</div>

<!--  about ideas section ends -->