.img-right {
  padding: 20px 0; /* Top and bottom padding only, no left or right padding */
  margin: 0;
  box-sizing: border-box; /* Include padding and border in width calculations */
  overflow: hidden; /* Contain floated content */
}

/* Ensure the image floats to the right and is contained */
.img-right .image-wrapper {
  float: right; /* Float the image to the right */
  width: calc(50% - 20px); /* 50% of the container width minus space for shadow and margin */
  margin-left: 20px; /* Space between the image and the text */
  margin-bottom: 20px; /* Space below the image */
  margin-top: 8px;
  margin-right: 0; /* No extra margin on the right side */
  box-sizing: border-box; /* Include padding and border in width calculations */
}

/* Ensure the image takes up the full width of the image-wrapper */
.img-right .image-wrapper img {
  width: 100%; /* Make the image take up the full width of the wrapper */
  height: auto; /* Maintain aspect ratio */
  max-width: 100%; /* Ensure the image does not exceed wrapper width */
  display: block; /* Ensure the image behaves as a block element */
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.4); /* Shadow with moderate opacity */
}

/* Ensure the text wraps around the image and aligns with the top */
.img-right p {

  overflow: hidden; /* Contain floated content */
}

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