.cubeTransition {
    position: relative;
    perspective: 1200px;
    transform-style: preserve-3d;
}

.baseball-video-container, #baseball-transition {
    min-height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: none;
}

.visible{
    display: block !important;
}

.baseball-transition {
    background-image: url('/images/tv/baseball/bg-transition.png');
    background-size: cover;
}

.baseball-video-container > video {
    /*height: 100%;*/
    height: auto;
    object-fit: fill;
    width: 100%;
}

.baseball-transition {
    color: #FFF;
    font-family: Jost-Black, serif;
    position: relative;
    max-height: 435px;
    height: 435px;
    /* height: 100%; */
    width: 720px;
    padding: 0 15px;
    display: none;
}

.baseball-transition-box {
    align-items: center;
    background-color: #ccd6e9;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    height: 126px;
    justify-content: space-between;
    padding: 15px;
    position: absolute;
    right: -106px;
    top: -3px;
    width: 430px;
    transform: scale(0.4);
}

.baseball-transition-batter-name {
    color: #FFF;
    font-family: Jost-Bold, serif;
    font-size: 56px;
    position: absolute;
    right: -146px;
    text-align: center;
    top: 60px;
    width: 500px;
    transform: scale(0.5);
    display: flex;
    justify-content: center;
}

.baseball-transition-ball-number {
    font-size: 273px;
    left: 217px;
    position: absolute;
    top: -31px;
    transform: scale(0.5);
    display: flex;
    width: 261px;
    justify-content: center;
}

.baseball-shot-number {
    color: #FFF;
    font-family: Jost-Bold, serif;
    font-size: 55px;
    position: absolute;
    right: 217px;
    text-align: center;
    top: 52px;
    width: 601px;
    transform: scale(0.5);
}

.baseball-transition-outcome {
    bottom: -235px;
    font-size: 61px;
    /* left: 283px; */
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 50px;
}