How to make rubber image if it is output through the absolute?

The image is displayed using absolute in the enlarged view, not to be curves, symbols, or spaces in a block with a pattern.
But here's the problem with adaptability, already broke all head, height: so the required and the width of the block does not diminish what I can do?
Here is the code:
https://jsfiddle.net/infotimers/u10jw9fd/1/
June 5th 19 at 21:04
1 answer
June 5th 19 at 21:06
Solution
https://jsfiddle.net/u10jw9fd/10/
Corrected

.mini-short-img {
 width: 30vmax;
 height: 20vmax;
}


As a variant :

.mini-short-img {
 width: 40vw;
 height: 20vw;
}

This is what you need ?

in General, you code a lot of unnecessary bloat. Now, let's see what can be removed at your option

https://jsfiddle.net/u10jw9fd/15/

about gaps in the figure block. Not wise with the absolute, use for pictures

.element img {
 vertical-align: bottom; // middle / top - view on the circumstances
 margin-top: -2px; // also according to circumstances.
}
and there all true thanks, look but on the topic does not help? https://toster.ru/q/531474?e=6525343#clarification... - stephan_Klocko commented on June 5th 19 at 21:09
I have updated the answer just now. Added a few things

now I will look - Frederick.Gislason40 commented on June 5th 19 at 21:12
replied. The following result is needed ? - Frederick.Gislason40 commented on June 5th 19 at 21:15
.element img {
 vertical-align: bottom; // middle / top - view on the circumstances
 margin-top: -2px; // also according to circumstances.
}


The point is that the pictures are all different and not to fit or to alter the size of each pictures, it's easier to zoom in and take the center. - stephan_Klocko commented on June 5th 19 at 21:18
I now tried here https://jsfiddle.net/u10jw9fd/15/
wild different sizes and the height and width are all adjusted fine - Frederick.Gislason40 commented on June 5th 19 at 21:21

Find more questions by tags CSSHTML