JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header_content">
            <span>~ Welcome to my portfolio ~</span>
            <h1>“I make beautiful things happen”</h1>
            <div class="text_header"><p><span><img src="img/User-(Male).png" alt="User">A little about me...</span><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ligula diam. Donec a nibh sit amet justo posuere convallis. Curabitur suscipit consectetur nisl, vel mattis sem tempor quis. Aenean enim lectus, aliquet sed dignissim vel, laoreet et justo. Nulla turpis nulla, dapibus in porttitor sit amet, luctus ac erat.</p>
            <p><span><img src="img/Chat-Bubble-1.png" alt="Chat">I’m really good at...</span><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ligula diam. Donec a nibh sit amet justo posuere convallis. Curabitur suscipit consectetur nisl, vel mattis sem tempor quis. Aenean enim lectus, aliquet sed dignissim vel, laoreet et justo. Nulla turpis nulla, dapibus in porttitor sit amet, luctus ac erat.</p>
            <p><span><img src="img/Settings.png" alt="Settings">Services I provide...</span><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ligula diam. Donec a nibh sit amet justo posuere convallis. Curabitur suscipit consectetur nisl, vel mattis sem tempor quis. Aenean enim lectus, aliquet sed dignissim vel, laoreet et justo. Nulla turpis nulla, dapibus in porttitor sit amet, luctus ac erat.</p>
            </div>
        </div>
   
        <div class="portfolio_content">
            <div class="portfolio_slider"> 
                <ul class="bxslider">
                    <li><img src="img/slide_2_1.jpg" alt="Pic1" title="Pic1"></li>
                    <li><img src="img/slide_2_2.jpg" alt="Pic2" title="Pic2"></li>
                    <li><img src="img/slide_2_3.jpg" alt="Pic3" title="Pic3"></li>
                    <li><img src="img/slide_2_4.jpg" alt="Pic4" title="Pic4"></li>
                </ul>
            </div>
        </div>

CSS

.header_content {
    text-align: center;
    font-family: "Georgia";
    color: #434344;
    margin-top: 20px;
    text-shadow: 0 1px 1px #ccc;
}

.header_content span {
    font-size: 24pt;
}

.header_content h1 {
    font-size: 55pt;
    font-weight: 100;
    margin-top: 26px;
}

.text_header p {
    font-size: 14pt;
    width: 340px;
    margin-right: 3%;
    text-align: left;
    line-height: 26px;
}

.text_header p span {
    font-size: 22pt;
    text-shadow: 0 1px 1px #ccc;
    line-height: 59px;
}

.text_header{
    margin-left: 10.8%;
}

.text_header span img{
    width: 20px;
    margin-right: 8px;
}

.portfolio_content{
    background: url(../img/Portfolio-BG.jpg);
    width: 100%;
    height: 200px;
}