title: Image Hover Changing Color and Border-Radius
body: <p>I have a design for website galleries. I have an image that when I hover on it, it will change the image with a color or image and show the title of the image. Maybe this image can describe my problem (no. 1):</p>
  
  <p><img src="https://i.stack.imgur.com/AScGc.jpg" alt="enter image description here"></p>
  
  <p>My next question is: is it possible to make border radius not rounded but narrowed like my image (no. 2), because I will have a container with left border like that.</p>