JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="section__content">
                    <div class="service__content">
                        <div class="service__img">
                            <img src="images/service-img.jpg" alt="">
                        </div>
                        <div class="service__accordion">
                            <div class="accordion">
                                <div class="accordion-item">
                                    <div class="accordion-header">
                                        <i class="fas fa-photo-video"></i>
                                        Photography
                                    </div>
                                    <div>
                                        <div class="accordion-tc">
                                        <p class="accordion-text">
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                            consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                            consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                             ...

CSS

.service__content {
  padding-top: 70px;
    display: flex;
  justify-content: center;
}

.service__img {
    width: 30%;
    margin-right: 30px;
  background: #444;

    
}

img {
        display: block;
        width: 100%;
    }

.service__accordion {
    width: 30%;
}


.accordion-item {
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.accordion-item:last-child {
        margin-bottom: 0;
    }

.ui-accordion-header {
	padding: 14px;
    font-family: 'Montserrat'; 
    text-transform: uppercase;
	background: $white;
    color: $black;
    font-weight: 700;
    display: flex;
    align-items: center;
	cursor: pointer;
	outline: none;
	position: relative;
}

.ui-accordion-header-icon {
	content: '';
	position: absolute;
	top: 20px;
	right: 15px;    
	display: inline-block;
	width: 22px;
	height: 14px;    
	background: url(../images/accordion-arrow.svg) no-repeat;
    transition: 0.2s ease-in-out;
}

.ui-accordion-header-active .ui-accordion-header-icon {
	background: url(../images/accordion-arrow.svg) no-repeat;
    transform: rotateZ(180deg);
}

.ui-accordion-content {
    border-top: 1px solid #e5e5e5;
	
    font-style: italic;
    line-height: 24px;
  overflow-y: scroll;
}

.accordion-header {
    i {
        font-size: 24px;
        color: $green;
        margin-right: 15px;
    }
}
.accordion-tc {max-height: 200px;overflow-y:auto;padding: 20px;}

JavaScript

$(document).ready(function(){
 

    $('.accordion').accordion({
      heightStyle: 'fill',
      animate: 200,
      header: '> .accordion-item > .accordion-header'
    });

});