#rightBox {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#leftBox {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#circleTop {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#triangle {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateX(-200px);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#stroke {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#headshotSVG {
    transition: scale 0.2s, rotate 0.2s;
    -webkit-transition: scale 0.2s, rotate 0.2s;
    -moz-transition: scale 0.2s, rotate 0.2s;
    -ms-transition: scale 0.2s, rotate 0.2s;
    -o-transition: scale 0.2s, rotate 0.2s;
}

#headshotSVG:hover {
    scale: 1.05 !important;
    rotate: 2deg !important;
}

#headshotSVG:hover #rightBox {
    x: 500.9px !important;
    y: 120.99px !important;
}

#headshotSVG:hover #circleTop {
    cx: 235.85px !important;
    cy: 120.99px !important;
}

#headshotSVG:hover #triangle {
    transform: translateX(0px) !important;
    -webkit-transform: translateX(0px) !important;
    -moz-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    -o-transform: translateX(0px) !important;
}

#headshotSVG:hover #leftBox {
    x: 6.3188px !important;
    y: 454.73px !important;
}

#headshotSVG:hover #stroke {
    opacity: 1 !important;
}

#headshotSVG.active #rightBox {
    x: 480.9px;
    y: 140.99px;
}

#headshotSVG.active #circleTop {
    cx: 245.85px;
    cy: 140.99px;
}

#headshotSVG .small {
    font: italic 13px sans-serif;
}

#headshotSVG.active #triangle {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
}

#headshotSVG.active #leftBox {
    x: 26.3188px;
    y: 464.73px;
}