.section {
  .container {
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);
    padding: 0;
    margin: 0;
    min-width: 100%;
    display: flex;
    flex-direction: row;

    @media (min-width: 767px) {
      height: 500px;
      max-height: fit-content;
      &.reverse {
        flex-direction: row-reverse;
      }
    }
    @media (max-width: 767px) {
      flex-direction: column;
    }
    .con {
      width: 50%;
      @media (max-width: 767px) {
        width: 100%;
      }
      &.image {
        height: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;

        img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          min-height: 320px;
        }
      }
      &.text-widget {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 21px;
        justify-content: start;
        @media (max-width: 1024px) {
          padding: 20px;
        }
        .wyziwig {
          text-align: start;
        }
      }
    }
  }
  @media (min-width: 767px) {
    &.animals {
      .container {
        height: 300px;
      }
    }
  }
}