Portfolio Image + Underline Alignment

Site URL: https://www.thelibertyproject.org/-portfolio

Hey! In the link provided, I would like to: 

1. Align the titles to the left side of the page 

2. Extend the horizontal line under each title across the width of the page (with the existing padding) 

3. Change the fixed position of the image on hover to the right side of the page 

4. Add a border radius to the image on hover so it has rounded corners. 

Thanks in advance for all your help, this community has been a game changer!

#1. Use this CSS

/* Portfolio page hover - align left titles */
.portfolio-hover-items-list {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.portfolio-hover-items {
    align-items: flex-start !important;
}

#4. Use this CSS

.portfolio-hover-bg * {
    border-radius: 30px;
}

Thank you so much! How about #2 ? Would want to extend the underline to the full page width instead of only under the text. 

#2. Use this CSS

a.portfolio-hover-item {
    border-bottom: 2px solid currentColor;
    width: 100%;
}
.portfolio-hover-items-list {
    width: 100% !important;
}
.portfolio-hover-display {
    padding-left: 0;
    padding-right: 0;
}