/* Hero Section */
.hero {
    position: relative;
    height: 400px; /* Adjust the height according to your design */
  }
  
  /* Background Image */
  .background-image {
    position: relative;
  }
  
  .background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Inner Pic */
  .inner-pic {
    position: absolute;
    left: 20px; /* Adjust the left spacing */
    bottom: 20px; /* Adjust the bottom spacing */
    max-width: calc(100% - 40px); /* Adjust to leave space on the left */
    max-height: calc(100% - 40px); /* Adjust to leave space on the bottom */
  }
  
  .inner-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }