JSFiddle - React, Tailwind, and code Playground

by surfine

HTML

<div class="logo"></div>

CSS

* {
    box-sizing: border-box;
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 80%;
    background: url("https://i.ibb.co/1rRRs11/Reyala-Logo-New-Long.png") no-repeat center;
    background-size: contain;
}