/** Shopify CDN: Minification failed

Line 17:30 Unexpected "{"
Line 17:39 Expected ":"
Line 17:65 Unexpected "{"

**/


/* CSS from section stylesheet tags */
.two-image-section {
      display: flex;
      gap: 10px;
      padding: 40px;
    }

    .two-image-section.color-{{ section.settings.color_scheme }} {
    background-color: var(--color-{{ section.settings.color_scheme }}-background, #f5f5f5);
  }


    .image-container {
      width: 50%;
      position: relative;
    }

    .image-container img {
      width: 100%;
      height: auto;
      display: block;
    }

    .text-overlay-container {
      display: flex;
      align-items: center;
      position: absolute;
      inset: 0;
      padding: 40px;
    }

    .text-overlay {
      max-width: 50%;
      text-align: left;
    }

    .text-overlay h2 {
      font-size: 28px;
      margin: 0 0 10px;
      color: #fff;
    }

    .text-overlay p {
      font-size: 18px;
      margin-bottom: 20px;
      color: #fff;
    }

    .text-overlay a {
      display: inline-block;
      background-color: #007bff;
      color: #fff;
      padding: 10px 20px;
      border-radius: 5px;
      text-decoration: none;
      font-size: 16px;
    }

    .text-overlay a:hover {
      background-color: #0056b3;
    }

    .image-container > img {
      height: 500px;
      width: 100%;
      border-radius: 30px;
      object-fit: cover;
  }

  .image-container .text-overlay-container {
      align-items: end;
  }