Vertical scrolling of content inside a slide without switching the slide in vertical mode

[bykovsky]

There is a full-page website. SwiperJS 11 is used.
The following parameters:

1. Slide on the entire height of the viewport (class="swiper-slide app-container__slide")
2. Vertical scrolling
3. mousewheel: true,
4. Block with content inside the slide (class="app-container__content")

Problem:
Some content blocks inside the slide are much taller than the height of the viewport and slide, respectively. The slide has vertical scrolling, but it does not work. It is intercepted by the slider and instead of scrolling the content, it scrolls to the next slide.

Example: https://codepen.io/blgxawqn-the-bashful/full/RNbRQwP

Question:
Is there any way to fix this problem in SwiperJS? And start scrolling the slider after we reach the bottom of the content block?

Thanks a lot!