.foto-block-text.reverse .wrapper {
  flex-direction: row-reverse; }
.foto-block-text .wrapper {
  display: flex;
  justify-content: space-between;
  background-color: transparent; }
  .foto-block-text .wrapper .text {
    width: 50%; }
  .foto-block-text .wrapper .foto {
    width: 50%;
    position: relative;
    overflow: hidden; }
    .foto-block-text .wrapper .foto .foto-background {
      height: auto;
      width: auto;
      border-top-left-radius: 33px;
      border-bottom-left-radius: 33px;
      align-items: center;
      display: flex;
      justify-content: center;
      position: absolute;
      right: 0;
      bottom: 110px; }
      .foto-block-text .wrapper .foto .foto-background .text {
        padding: 45px 60px;
        width: fit-content; }
        .foto-block-text .wrapper .foto .foto-background .text p {
          margin-bottom: 0;
          font-size: 21rem;
          color: var(--secondary-text);
          font-weight: 300;
          text-align: center;
          text-transform: uppercase; }
          .foto-block-text .wrapper .foto .foto-background .text p strong {
            font-size: 25rem;
            font-weight: 600; }
    .foto-block-text .wrapper .foto .image {
      height: 100%;
      margin-top: 0;
      margin-bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
    .foto-block-text .wrapper .foto img {
      height: inherit;
      width: 100%;
      object-fit: cover;
      position: absolute; }

@media (max-width: 575.5px) {
  .foto-block-text.reverse .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text.reverse .wrapper .foto .foto-background {
      justify-content: center; }
  .foto-block-text .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text .wrapper .text {
      width: 100%; }
    .foto-block-text .wrapper .foto {
      width: 100%; }
      .foto-block-text .wrapper .foto .foto-background {
        bottom: 30px; }
        .foto-block-text .wrapper .foto .foto-background .text {
          padding: 18px 20px; }
          .foto-block-text .wrapper .foto .foto-background .text p {
            font-size: 17rem; }
            .foto-block-text .wrapper .foto .foto-background .text p strong {
              font-size: 18rem; }
      .foto-block-text .wrapper .foto img {
        position: relative; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .foto-block-text.reverse .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text.reverse .wrapper .foto .foto-background {
      justify-content: center; }
  .foto-block-text .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text .wrapper .text {
      width: 100%; }
    .foto-block-text .wrapper .foto {
      width: 100%; }
      .foto-block-text .wrapper .foto .foto-background {
        bottom: 60px; }
        .foto-block-text .wrapper .foto .foto-background .text {
          padding: 35px 45px; }
      .foto-block-text .wrapper .foto img {
        position: relative; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .foto-block-text.reverse .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text.reverse .wrapper .foto .foto-background {
      justify-content: center; }
  .foto-block-text .wrapper {
    flex-direction: column-reverse; }
    .foto-block-text .wrapper .foto .foto-background {
      bottom: 60px; }
      .foto-block-text .wrapper .foto .foto-background .text {
        padding: 35px 45px; }
    .foto-block-text .wrapper .text {
      width: 100%; }
    .foto-block-text .wrapper .foto {
      width: 100%; }
      .foto-block-text .wrapper .foto img {
        position: relative; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .foto-block-text .wrapper .foto .foto-background {
    bottom: 60px; }
    .foto-block-text .wrapper .foto .foto-background .text {
      padding: 35px 45px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .foto-block-text .wrapper .foto .foto-background {
    bottom: 60px; }
    .foto-block-text .wrapper .foto .foto-background .text {
      padding: 35px 45px; } }

/*# sourceMappingURL=foto_block_text.css.map */
