CSS-Transformationsskala, die sich in Visual Composer/Massive Addons überlappt

Question

Ich habe das Karussell (von Massive Addons for VC) etwas verändert, so dass es, wenn Sie den Mauszeiger über ein Element bewegen, wächst. Das Problem ist, dass es an den Grenzen des Objekts abgeschnitten wird, wenn es wächst. Hier

ist die Seite: http://tn-2017-12-vrshealth.pantheonsite.io/tn-2/

Ich brauche aus mehreren Gründen VC zu verwenden, so dass Deshalb habe ich gedacht, um eine schnelle CSS Änderung vornehmen. Hier ist der Code habe ich für die Animation hinzugefügt:

.grow-image .mpc-carousel__item-wrapper { 
    transition: all 300ms ease-in-out; 
} 
.grow-image .mpc-carousel__item-wrapper:hover { 
    transform: scale(1.5, 1.5); 
    transition: all 300ms ease-in-out; 
    z-index: 1000; 
} 

Während Z-Index meine übliche fix wäre, kann ich nicht scheinen, einen Weg zu finden, um es in der Verschachtelung der Elemente zu verwenden. Hier

ist ein Screenshot, der zeigt, wie ein Element wird abgeschnitten, wenn es wächst:

Answer 1

Das ist, weil die Eltern div ein Überlauf Eigenschaft haben auf versteckt, und Sie können es nicht auf sichtbar, da es die versteckten Dias des Karussells zeigt. Ich rate Ihnen, die Maßstabsumwandlung etwas kleiner zu machen