Why does Justify Content center is not working in this case? [duplicate]

I want to center these items using flex box justify content = center but it's not working

HTML:

<div class="row justify-content-center mt-5 gy-5"><div class="col-md-2"><img width="70" class="img-fluid" src="img/img_6.svg" alt></div><div class="col-md-2"><img width="70" class="img-fluid" src="img/img_7.svg" alt></div><div class="col-md-2"><img width="70" class="img-fluid" src="img/img_8.svg" alt></div></div>

CSS:

.justify-content-center {    justify-content: center !important;}.row {    --bs-gutter-x: 1.5rem;    --bs-gutter-y: 0;    display: flex;}

Only text-align: center is working!