.img-left {
  padding: 20px;
  margin: 0;
  box-sizing: border-box;
}

.img-left img {
  float: left;
  width: 50%; /* Image takes up to 50% of the container's width */
  height: auto;
  margin-right: 20px; /* Space between image and text */
}

.img-left p {
  margin: 0;
  overflow: hidden; /* Ensures text wraps around the image */
}

/* Responsive Stacking for Smaller Screens */
@media (max-width: 768px) {
  .img-left img {
    float: none;
    width: 100%; /* Full width image on smaller screens */
    margin-right: 0; /* Remove right margin on smaller screens */
    margin-bottom: 20px; /* Space below the image */
  }
}