SVG изображение вне панели обрезается

Question

Я пытаюсь расположить изображение SVG на границе панели расширения материала.Проблема в том, что изображение svg должно располагаться немного за пределами панели.

Но изображение SVG обрезано.Я пытался с z-index, но никакого эффекта не было.

Есть ли у вас какие-либо идеи ??

Неправильно:

Ожидаемое:

css

.svg-class .mat-radio-container::after {

  display: block;
  content: url("../../assets/images/top-kondition3.svg");
  overflow: visible !important;
  margin: -31px;
}

html

      <mat-expansion-panel *ngFor="let element of elements" class="svg-class">
          <mat-expansion-panel-header matRipple>
            <mat-radio-button #radio (change)="onChanged($event)"></mat-radio-button>
           Hello
          </mat-expansion-panel-header>

        </mat-expansion-panel>          
    </mat-accordion>

Answer 1

Должно быть установлено overflow: hidden в родительском div, может быть родительский <mat-expansion-panel>

, поэтому вам нужно присвоить overflow:visible родительскому div, тогда оно будет работать