Why is the image not resized when the screen size is reduced?

Question

Images

Hello!
typing site https://rimidbit.github.io/koliganka/photo-gallery.html
2 difficulties arose with adaptive:
1) there are 3 elements in the header - this is a logo, a language selection block (in the fleet) and a menu (in the absolute). I use a debugger to identify the sizes where you need to rebuild the site. when the logo collides with the language selection block, the latter flies down (I thought it was because of the float), but the logo does not want to decrease, even when the screen width is less than its size.
2) in the pictures next to the side menu there is an overlay with the name of the place, it also does not want to decrease, it also has a max-width set.
What's wrong?

Answer 1

solved by replacing pixels with %

Answer 2

A very strange layout where the logo can be larger than the screen width.
See how the rebuilding of the image is done on the same bootstrap.
You may also find units like rem useful.