.bastet-about-me {
text-align: center;
.content {
margin: 0;
padding: 0 20px 10px 20px;
}
.about-me-img {
position: relative;
overflow: hidden;
width: 220px;
height: 220px;
border-radius: 50%;
margin: auto;
img {
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
image-rendering: auto;
border-radius: $border-radius__main;
}
}
.about-me-title {
display: block;
margin: 20px 0 0px 0;
font-size: 18px;
line-height: 28px;
h4 {
font-size: 23px;
line-height: 26px;
margin: 0 0 10px 0;
position: relative;
padding-bottom: 18px;
&:after {
content: "";
position: absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 55px;
z-index: 1;
mask-image: url("images/wave-line.svg");
mask-size: cover;
background-color: bastet-color();
}
}
h5 {
font-size: 12px;
line-height: 16px;
opacity: 0.5;
letter-spacing: -0.5px;
margin: 0;
display: none;
}
}
.svg-wave-line {
width: 100%;
height: 10px;
position: relative;
z-index: -1;
display: none;
svg {
position: absolute;
left: 0; right: 0;
top: -58px;
margin: auto;
width: 129px;
height: 129px;
opacity: 0.8;
fill: bastet-color();
}
}
.about-me-intro {
margin-top: 18px;
p {
font-size: 15px;
line-height: 25px;
margin-bottom: 0;
}
}
}