.painting-quote-section {
       width: 100%;
       height: 340px;
       max-height: 340px;
       background-image: url('../assets/img/691c9fc2e1a9910f1a0829775543768207b552c7.jpg');
       background-size: cover;
       background-position: center;
       display: flex;
       align-items: center;
       justify-content: center;
       color: white;
       padding: clamp(1rem, 2vw, 2.5rem);
       margin-top: 2rem;
       box-sizing: border-box;
       position: relative;

   }

   .painting-quote-content {
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: clamp(1rem, 3vw, 3rem);
       max-width: 1200px;
       width: 100%;
   }

   .painting-quote-text {
       flex: 1 1 300px;

   }

   .painting-quote-text h2 {
       font-size: 40px;
       line-height: 45px;
       font-weight: 400;
       font-family: iBrand;
       width: fit-content;
       font-weight: 300;
       margin: 0 0 0.5rem;
   }

   .painting-quote-text p {
  font-size: 20px;
     line-height: 30px;
     font-weight: 400;
     font-family: Inter-Regular;
       text-align: left;
       margin-top: 1rem;
       margin-bottom: 1.2rem;
   }

   .quote-btn {
       display: inline-flex;
       align-items: center;
       background: #FFFFFF;
       color: #112129;
       margin-top: 1rem;
       padding: 5px 5px 5px 2rem;
   font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     font-family: Inter-Regular;
       border-radius: 50px;
       text-decoration: none;
       margin-left: -8px;
       border: none;
       transition: background 0.3s ease, color 0.3s ease;

   }

   .quote-btn span {
       margin-left: 10px;
       font-size: 1.2em;
   }

   .btn-img-wrapper {
       height: 48px;
       width: 48px;
       border-radius: 50%;
       display: flex;
       justify-content: center;
       align-items: center;
       border: 1px solid black;
       margin-left: 0.9rem;
       align-self: flex-start;

   }

   .quote-btn:hover {
       background: #f2f2f2;
   }

   .painter-wrapper {
       flex: 1 1 300px;
       max-width: 556px;
       height: 390px;
       margin-top: -50px;
       position: relative;
       z-index: 0;
       overflow: hidden;
   }

   .painter-image {
       width: 100%;
       height: auto;
       object-fit: contain;
       transform: rotateY(180deg);
       /* pops image above */
   }

   /* Tablet adjustments */
   @media (max-width: 1024px) {
       .painting-quote-section {

           background-position: top center;
       }

   }



   /* Mobile adjustments */
   @media (max-width: 767px) {
       .painting-quote-section {
           min-height: 650px;
           height: fit-content;
           background-image: url('../assets/img/026c74675bfce7e65f5b88b64d0146af221cca29.jpg');
           background-size: cover;
           width: 100%;
           padding: 0;
           overflow: hidden;


       }

       .painting-quote-content {
           height: fit-content;
           width: 100%;
           flex-direction: column;
           text-align: center;

       }

       .painting-quote-text {
           padding: 5rem 4rem 0 4rem;

       }

       .painting-quote-text h2 {
           font-size: 30px;
       }

       .painting-quote-text p {
           font-size: 16px;
           text-align: center;
       }

       .painter-wrapper {
           overflow: auto;
           min-height: fit-content;

           position: relative;

           width: 100%;
           margin-top: auto;

       }

       .painter-image {
           object-fit: cover;
       }

   }
   @media (max-width:426px) {
   .painting-quote-text h2 {
        font-size: 30px;
        line-height: 30px;
    }
.painting-quote-text p{
            font-size: 16px;
        line-height: 18px;
}
    .painting-quote-text img{
        width: 70%;
    }

       .painting-quote-text {
           padding: 3rem 2rem;
           padding-bottom: 0;
               flex: 1 1 250px;
       }

       .painter-wrapper {
           min-height: auto;
           max-height: 300px;
           margin-top: 0;
                   overflow: inherit;
       }
   }
   @media (max-width:321px) {
   .painting-quote-text p{
            font-size: 14px;
        line-height: 16px;
}
    .painting-quote-section {
        min-height: 567px;
    }
   }