a {
text-decoration: none;
}
.bloc {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: space-between;
}
.RoundImg {
width: 180px;
height: 180px;
border-radius: 50%;
object-fit: cover;
}
.RoundDiv {
position: relative;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 180px;
height: 180px;
background: #dddddd;
border-radius: 50%;
top: 50%;
margin-top: -113px;
z-index: 2;
transition: box-shadow .5s;
left: -50px;
margin-bottom: 50px;
}
.InfoDiv {
padding: 0 10px 0 150px;
position: relative;
top: -80px;
}
.InfoDiv:hover {
color: #37739b;
}
.EventDiv {
position: relative;
display: block;
width: 45%;
height: 150px;
background-color: black;
}
.Round {
border-radius: 50%;
position: relative;
object-fit: cover;
}
@media only screen and (max-width: 767px){
.Round {
width: 100px;
height: 100px;
}
}
@media only screen and (min-width: 768px){
.Round {
width: 200px;
height: 200px;
}
}
.parent-middle-center {
position: relative;
}
.child-middle-center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.child-middle-center:hover {
color:#37739b;
}