Source: https://quiroz.co/extended-borders-around-image/

/* START add borders to images */
.hws_border .et_pb_image_wrap {
padding: 30px!important;}
.hws_border .et_pb_image_wrap:before {
top: 20px;
bottom: 20px;
right: 10px;
left: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
position: absolute;
content: '';
transition: all 0.3s ease-in-out;}
.hws_border .et_pb_image_wrap:after {
right: 20px;
left: 20px;
top: 10px;
bottom: 10px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
position: absolute;
content: '';
transition: all 0.3s ease-in-out;}
.hws_border:hover .et_pb_image_wrap:before {
right: 0px;
left: 0px;}
.hws_border:hover .et_pb_image_wrap:after {
top: 0px;
bottom: 0px;}
/* END add borders to images */Code language: CSS (css)