#custom-text-persi {
  max-width: calc(40% - 2rem);
  width: calc(40% - 2rem);
}
@media screen and (max-width: 991px) {
  #custom-text-persi {
    max-width: 100%;
    width: 100%;
  }
}

.custom-text-persi__logo {
  text-align: center;
}
.custom-text-persi__logo img {
  margin: 1rem;
}
.custom-text-persi__text {
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .custom-text-persi__logo {
    text-align: initial;
    padding: 0 1rem;
  }

  .custom-text-persi__logo img {
    margin: 1rem .4rem;
  }

  .custom-text-persi__text {
    padding: 0 1rem 1rem 1rem;
  }
}