.maincontent {
    max-width: 100%!important;
    margin: 0 auto!important;
    padding: 0!important;
    border: none!important;
}

.spotlight-wrapper {
max-width: 100%;
color: #FFFFFF;
background-color: #030303;
padding: 30px 18px;
}

.content-wrapper {
max-width: 90%;
width: 100%;
margin-inline: auto;
}

.spotlight-header {
text-align: center;
}

.spotlight-row {
display: flex;
flex-flow: row wrap-reverse;
align-items: center;
padding-block: 30px;
}

.spotlight-content {
flex-basis: 480px;
flex-grow: 4;
width: 100%;
}

.spotlight-info {
display: flex;
flex-flow: row wrap;
gap: 25px;
align-items: center;
justify-content: center;
}

.spotlight-info .si-image {
flex-basis: 500px;
flex-grow: 1;
text-align: center;
}


.spotlight-info .si-image img{
max-width: 65%;
width: 100%;
margin: auto;
border: 5px solid transparent;
border-radius: 12px;
}

.spotlight-info .si-text {
flex-basis: 265px;
flex-grow: 1;
padding: 18px;
background-color: #080808;
border-radius: 12px;
}

.spotlight-image {
flex-basis: 560px;
flex-grow: 1;
text-align: center;
}

.spotlight-image img {
max-width: 67%;
width: 100%;
height: auto;
margin: auto;
}

.spotlight-caption {
max-width: 1280px;
width: 100%;
margin-inline: auto;
padding: 25px 20px;
font-weight: 600;
background-color: #080808;
border-radius: 12px;
}