@xdimax
How different values of the object-fit CSS property behave for image elements
• fill - the picture fully fits into the specified dimensions without observing its own proportions
• contain - the picture will adjust to the specified dimensions so as to fit inside completely without violating the proportions
• cover - the picture will fill the entire available area without violating the proportions, cutting off everything unnecessary