背景画像の高さが小さい

Question

背景画像を持つ2つの<a/>タグを中央に並べて表示し、完全な画像サイズにしたいだけです。
私は

height: 68px; 
    width: 200px; 

を追加する場合、これは役立つだろうが、私は関係なく、画像サイズのやってみたいことを知っています。

ここ

.logos { 
 
    display: flex; 
 
} 
 

 
.logo { 
 
    background-repeat: no-repeat; 
 
    background-size: contain; 
 
    display: inline-block; 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 

 
.logo:first-child { 
 
    background-image: url('http://via.placeholder.com/173x68'); 
 
} 
 

 
.logo:last-child { 
 
    background-image: url('http://via.placeholder.com/200x68'); 
 
} 
 

 
.visuallyhidden { 
 
    border: 0; 
 
    -webkit-clip-path: inset(50%); 
 
    clip-path: inset(50%); 
 
    display: inline-block; 
 
    height: 1px; 
 
    margin: -1px; 
 
    overflow: hidden; 
 
    padding: 0; 
 
    white-space: nowrap; 
 
    /* 1 */ 
 
    width: 1px; 
 
}

<div class="logos"> 
 
    <a href="#" class="logo"> 
 
    <span class='visuallyhidden'>1st link</span> 
 
    </a> 
 
    <a href="#" class="logo"> 
 
    <span class='visuallyhidden'>2nd link</span> 
 
    </a> 
 
</div>

が、私はそれが見えるようにしたいものです：ここで

は一例です

Answer 1

はこれを試して、 背景リピート：なしリピート; background-size：68px 200px;