<figure>
    <img src="https://www.w3cplus.com/sites/default/files/blogs/2016/1606/text-align-last-demo.jpg" alt=""  width="300" />
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation.</figcaption>
  <h3>LTR:text-align-last: right</h3>
</figure>
<figure>
    <img src="https://www.w3cplus.com/sites/default/files/blogs/2016/1606/text-align-last-demo.jpg" alt=""  width="300" />
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation.</figcaption>
  <h3>RTL:text-align-last: right</h3>
</figure>

html,
body {
  width: 100vw;
  height: 100vh;
  text-align: center;
}


figure {
  display: inline-block;
  margin: 15px;
  padding: 10px;
  border-radius: 5px;
  background-color: #eee;
  width: 300px;
  
  &:nth-child(1) figcaption {
    direction: ltr;
    text-align-last: right;
  }
  &:nth-child(2) figcaption {
    direction: rtl;
    text-align-last: right;
  }
}

figcaption {
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
  text-align: left;
}