image-with-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;

  @media (min-width: 993px) {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  > picture {
    width: 100%;
    height: 9.38rem;
    border-radius: 0.75rem;
    background: var(--dark-blue-500);
    overflow: visible;
    @media (min-width: 993px) {
      width: fit-content;
      height: fit-content;
    }

    > img {
      height: 9.42rem;
      margin: auto;
      object-fit: cover;
      @media (min-width: 993px) {
        background: none;
        border-radius: 0.75rem;
      }
      @media (min-width: 993px) and (max-width: 1440px) {
        width: 21.5rem;
        height: 18rem;
      }
      @media (min-width: 1441px) {
        width: 34.38rem;
        height: 22.75rem;
      }
    }
  }


  > info {
    @media (min-width: 993px) and (max-width: 1440px) {
      width: 31.69rem;
    }
    @media (min-width: 1441px) {
      width: 34.38rem;
    }
  }

}