.socials-icon {
    width: auto;
    position: relative;
    height: 80px;
    object-fit: cover;
}
.social-media {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    padding: 0px 8px;
    box-sizing: border-box;
    margin: 0px 200px 0px;
}

.socials-icon:hover {
    filter: drop-shadow(0px 0 8px rgba(74, 180, 245, 1));
  }
  
  @media (max-width: 646px) {
    .social-media {
      margin: 0px 100px 0px;
    }
    .socials-icon {
      height: 30px;
  }
  }