Hazır bir script buldum, kodlardan da pek anlamıyorum bu yüzden aşağıya bırakacağım html ve css kodunu birleştirecek var mı acaba? Blog adresimde paylaşmak istiyorum bu scripti

HTML

Michele Miller

Web Developer

Patricia Knott

Web Developer

Justin Ramos

Web Developer

Mary Huntley

Web Developer

CSS
body {
font-family: tahoma;
height: 100vh;
background-image: url(https://picsum.photos/g/3000/2000);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
}

.our-team {
padding: 30px 0 40px;
margin-bottom: 30px;
background-color: #f7f5ec;
text-align: center;
overflow: hidden;
position: relative;
}

.our-team .picture {
display: inline-block;
height: 130px;
width: 130px;
margin-bottom: 50px;
z-index: 1;
position: relative;
}

.our-team .picture::before {
content: "";
width: 100%;
height: 0;
border-radius: 50%;
background-color: #1369ce;
position: absolute;
bottom: 135%;
right: 0;
left: 0;
opacity: 0.9;
transform: scale(3);
transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
height: 100%;
}

.our-team .picture::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #1369ce;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

.our-team .picture img {
width: 100%;
height: auto;
border-radius: 50%;
transform: scale(1);
transition: all 0.9s ease 0s;
}

.our-team:hover .picture img {
box-shadow: 0 0 0 14px #f7f5ec;
transform: scale(0.7);
}

.our-team .title {
display: block;
font-size: 15px;
color: #4e5052;
text-transform: capitalize;
}

.our-team .social {
width: 100%;
padding: 0;
margin: 0;
background-color: #1369ce;
position: absolute;
bottom: -100px;
left: 0;
transition: all 0.5s ease 0s;
}

.our-team:hover .social {
bottom: 0;
}

.our-team .social li {
display: inline-block;
}

.our-team .social li a {
display: block;
padding: 10px;
font-size: 17px;
color: white;
transition: all 0.3s ease 0s;
text-decoration: none;
}

.our-team .social li a:hover {
color: #1369ce;
background-color: #f7f5ec;
}