its2easyy

.project-details__container.project-details__container__loaded {}
.project-details__cover.project-details__cover_loaded {}

=>

.project-details{
  $this: &;
  &__container{
     &#{$this}__container__loaded{

    }
  &__cover{
       &#{$this}__cover_loaded{

       }
    }
  }

Но вообще тут что то не то со специфичностью, по нормальному это должно было бы быть как-то так

.project-details {
  &__container{
     &__loaded{
    }
  }
}

Спец символы в svg нужно энкодить сначала, можно в онлайн сервисе типа такого https://yoksel.github.io/url-encoder/