7.1 How can change the position of images on hover:fixed option for the portfolio 3 template

How can I left align the text on the right side of the page and have the images on the right side of the page, instead of having it in the centre and overlapping. 

Hi,

If you share link to page where you want to achieve this, we can check easier

You can use this to Custom CSS

@media screen and (min-width:768px) {
  /* Image */
  .portfolio-hover-base {
      left: 50%;
      width: 50%;
  }
  /* text */
  .portfolio-hover-items {
      width: 50% !important;
      margin-left: 0;
  }
  .portfolio-hover-items-list {
      align-items: flex-start !important;
  }
  span.portfolio-hover-item-content {
      text-align: left !important;
      display: block !important;
  }
}

or follow this