.row {
  display: flex;
  gap: 5%;
  align-items: center;
}

.content {
  flex: 2;
}

.img {
  flex: 1;
  padding-right: 10%;

  /* width: 30%; */
}

section.padding-right {
  padding-left: 20%;
  padding-right: 0;

}

.img img {
  width: 100%;
  /* width: auto; */
  /* height: 100%; */
  border-radius: .2em;
  filter: grayscale(100%);
  }


section {

margin: auto;
}

.badgeflex {
  display: flex;
  gap: 2em;
  width: 100%;
  justify-content: center;
}

.badgeflex img {
  margin-block: 3em;
  height: 7em;
  width: auto;
}

@media screen and (max-width: 600px) {

    .row {
        flex-direction: column;

  }
.img img {
    width: 80%;
    padding: 10%;
}

.img {
  padding-right: 0;
}


section.padding-right {
  padding-left: 10%;
  padding-right: 10%;

}

}