carousel bootstrap 4

[quiris!]

buongiorno,

avendo tanti caroselli volevo differenziarli in grandezza uno diverso dall'altro cosi ho provato ad toccare il css di bootstrap ma appena lo tocco mi va in collasso. volevo cambiargli classe noi id ma non mi funzionano i comandi del carosello di preciso credo che non funzioni correttamente nei dettagli come posso fare?
altra cosa ho provato a cambiare colore delle frecce ma non ci riesco ho solo dato colore a un div che da contrasto con le frecce in modo che si veda. anche qui come posso fare?
<div id="carousel-2" class="carousel slide order-lg-2 immagine">
<ol class="carousel-indicators">
<li data-target="#carousel-2" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2" data-slide-to="1"></li>
<li data-target="#carousel-2" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="">
<img class="dimensione d-block w-100" src="immagini/.jpg" alt="First slide"
title="">
</a>
</div>
<div class="carousel-item">
<a
href="">
<img class="dimensione-rettangolare d-block w-100" src="immagini/.jpg"
alt="Second slide" title="">
</a>
</div>
<div class="carousel-item">
<a
href="">
<img class="dimensione-rettangolare d-block w-100" src="immagini/.jpg"
alt="Third slide" title="">
</a>
</div>
<div class="carousel-item">
<a
href="">
<img class="dimensione-rettangolo d-block w-100" src="immagini/tavolo rinascimento.jpg"
alt="four slide" title="">
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-2" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-2" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

[Roby140569]

Puoi postare un link con quello che hai fatto?