.paragraph-image-petale {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 305px;
}


.image-petale {
  position: relative;
  width: fit-content;
}

.image-petale::after {
  display: block;
  content: '';

  width: 305px;
  height: 305px;

  background-image: url(../../images/shape/petal--green.svg);
  background-position: center;
  background-repeat: no-repeat;

  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.image-petale  img {
  border-radius: 50% 50% 0 50%;
  transform: rotate(6.555deg);

  max-width: 305px;
}

@media all and (min-width: 900px) {
  .paragraph-image-petale {
    justify-content: flex-end;
  }
}