How can I hide one of subelement of element with class "swiper-zoom-target"?

Questions
1

Let’s imagine next situation…
I have following code:

<div class="somewhere">
    <div class="swiper-zoom-container">
        <div class="swiper-zoom-target">
            <div class="some-item">
                <div class="some-badge">Text</div>
                <div class="image-container">
                    <img ... />
                </div>
            </div>
        </div>
    </div>
</div>

I need to somehow hide badge div while zooming (i.e.g. using z-index).
How i can handle zooming?
Thanks :pray: