Why is the image not displayed in edge?

Question

css

The dumbest question, but I don’t get it at all: there are several pictures in the container. They are completely different sizes and need to fit in the container and stretch proportionally. Works in all browsers except IE and Edge. If in IE the sizes periodically jump, then in Edge almost no picture is displayed at all. I hope for your help:

.wrapper-client__img {
  width: 22%;
  height: 4rem;
}
.clients__img {
max-width: 100%;
height: auto;
}