.image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .image img {
        position: absolute;
        top: 40%;
        left: 15%;
        height: auto;
        width: 75%;
    }

.spin {
    position: relative;
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 2px solid;
    border-radius: 100%;
    animation: spin 0.75s infinite linear;
}

    .spin::before,
    .spin::after {
        left: -2px;
        top: -2px;
        display: none;
        position: absolute;
        content: '';
        width: inherit;
        height: inherit;
        border: inherit;
        border-radius: inherit;      
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spinner,
.spinner::before,
.spinner::after {
    display: inline-block;
    border-color: transparent;
    border-top-color: #F9C848;
    animation-duration: 1.5s;
}

    .spinner::before {
        transform: rotate(120deg);
    }

    .spinner::after {
        transform: rotate(240deg);
    }