html heading-text,html - Responsive Text Heading - Stack Overflow

Make use of pseudo elements and data-attributes

CSS

.carInfo {

background: #05196b;

height: 291px;

color: #fff;

padding: 15px 50px;

text-align:center;

}

.textSwift {

font-style: italic;

font-size: 4.5em;

font-weight: bold;

color: #fff;

line-height: 0.5;

display:inline-block;

position: relative;

padding:3.5rem 0;

}

.textSwift::before{

content:attr(data-before);

position: absolute;

font-weight: bold;

color: #ff1414;

font-size: 3.5rem;

top:0;

left:0;

}

.textSwift::after{

content:attr(data-after);

position: absolute;

font-weight: bold;

color: #ff1414;

font-size: 3.5rem;

bottom:0;

right:0;

}

.textAtRight {

text-align: justify;

direction: rtl;

clear: both;

float: right;

letter-spacing: 1.5px;

}

HTML

SWIFT

Lorem ipsum dolor sit amet

Consectetur adipisicing elit

dolor in reprehenderit in voluptate

velit esse cillum dolore eu

proident, sunt in culpa qui officia

hope this helps..