How to place one object in the block in the center?

Question

css

There is an object inside the block, I need to move it to the center, I don’t want to use margins and paddings, justify-content, align-items don’t work.

.track_control_button {
    display: flex;
    height: 2rem;
}

<div class="container track_group">
        <img src="https://t2.genius.com/unsafe/327x327/https%3A%2F%2Fimages.genius.com%2F9a5be07f131a1853e31b5a96f89cbbef.1000x1000x1.jpg" alt="" class="track_img">
        <div class="container track_control mt-4 ms-3">
            <strong>Не Жаль</strong>
            <p>Скриптонит, Miyagi, 104 - НЕ ЖАЛЬ</p>
            <img src="../assets/playbutton.svg" alt="Play" class="track_control_button" data-status="onPause" >
            <progress></progress>
        </div>
    </div>

Answer 1

https://jsfiddle.net/pqaw1xc9/5/