.gtfrst{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8 16A8 8 0 108 0a8 8 0 000 16zm0-2A6 6 0 108 2a6 6 0 000 12zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48a8 8 0 100-16 8 8 0 000 16zm0-2a6 6 0 100-12 6 6 0 000 12zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' clip-rule='evenodd' opacity='.06'/%3E%3C/svg%3E");background-color: #F0F0F0;background-size: 64px;box-shadow: 4px 4px 0 #000;position: relative;margin-top: 32px;display: flex;flex-direction: column;text-align: center;padding-bottom: 12px;
    figure{
        position: relative;width: 216px;margin: 0 auto;height: 120px;
        img{
            top: -32px;width: 216px;height: 152px;position: relative;filter: drop-shadow(4px 0 0 #00E5DD);
        }
        span{
            background-color: #000000;border: 2px solid #00E5DD;color: #00E5DD;font-size: 16px;font-weight: 700;text-transform: uppercase;line-height: 24px;padding: 6px 16px;position: absolute;top:24px;left: 56px;transform: rotate(15deg);
        }
    }
    .txt{
        line-height: 1.5;padding: 12px;
        div{font-size: 24px;font-weight: 700;color: #000;}
        p{font-size: 16px;color: #000;margin-bottom: 0;}
    }
    .vtn{
        padding: 12px;
        a{
            background-color: #000;color: #fff;font-size: 16px;font-weight: 700;line-height: 24px;padding: 10px 20px;display: inline-flex;box-shadow: 4px 4px 0 #00E5DD;
            &::after{
                content: '';position: absolute;inset: 0;z-index: 10;
            }
        }
    }
}

@media all and (min-width:1200px){
    .gtfrst{
        flex-direction: row;text-align: start;align-items: center;padding-bottom: 0;padding-right: 12px;
        .txt{
            flex:1;
        }
    }
}