.swirl {
  background-image: url(../images/figma/green-swirl.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.swirl img {
    max-width: 800px;
  }

 .text-box {
  max-width: 35%;
} 

@media (max-width: 1230px) {
  /* Flex is wrapping */
  .text-box {
    max-width: 90%;
  }
  .swirl {
    background-image: none;
  } 
  .swirl img {
    max-width: 80%;
    
  }
}