Having an issue with compatibility in the safari browser
You can check out the site here:
The problem lies with the text inside the image, I want it to display properly like it does in Chrome.
Here is the desired result for Safari as well.
Below is the CSS code for the text:
.title_home {
z-index: 100;
background-color: rgba(134,35,20,0.8);
width: 75%;
min-height: 15%;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 70%;
left: 12%;
}