.objectfit{
  
  &--contain, &--cover{
    display: block;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%; height: 100%;

    position: relative;
    img{
      width: 100%; height: 100%;
    }
    picture{
      width: 100%;

      display: flex;
      justify-content: center;
      align-items: center;
    }
    source{
      position: absolute;
    }
  }
  &--contain img{
    object-fit: contain;
  }
  &--cover img{
    object-fit: cover;
  }

}