How to make the selected image insertion area visible and clickable?

Question

css

Recently someone helped me with the problem described here.
Now, when I create a topic, fill it with text, try to add an image, the menu of this window is dark, and if you click on it, this window will simply close. I found out that the problem is in the code below, what exactly is responsible for this without a clue. But the link extends to the entire background. Maybe because of this?
Site: geekninja.ru
Everything worked fine, but I ran into such a problem

spoiler

The snag is somewhere in this code:

/* Стиль для BACKGROUND ФОНА НА САЙТЕ*/
body.boxed #page-wrapper {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 200px auto 0;
    max-width: 1200px;
    position: relative;
    z-index: 2;
}
  
#branding_link {
    background: #000000 url("./images/bg.jpg") no-repeat scroll 25% 0 / cover ;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 1;
}

Answer 1

z-index of course. You have a dark "substrate". It has a z-index of 2, make the topic box z-index: 10 and it will be on top of the dark background.

Answer 2

With z-index, everything is fine, you made it up as you did it and it's your will, but if you use frameworks, you should take into account their features. Modal classes in Bootstrap carry their own z-index, which will be violated if the z-index of parent elements is violated. Move the modal code (the code insertion point) below, to the very root of the body (for example, after the page-wrapper, at least) and everything will be fine.

Answer 3

updated! After these manipulations with z-index, the same problem arose, but now with the authorization window, who can help? Video to demonstrate the problem under the spoiler. You can go to the site yourself and see this problem by clicking on this link
www.youtube.com/watch?v=PsYAOST5jAk&feature=youtu.be
Solved the issue myself
Changed z-index from 2 to 3569

/* Стиль для BACKGROUND ФОНА НА САЙТЕ*/
body.boxed #page-wrapper {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 200px auto 0;
    max-width: 1200px;
    position: relative;
    z-index: 3569;
}
  
#branding_link {
    background: #000000 url("./images/bg.jpg") no-repeat scroll 25% 0 / cover ;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 1;
}