Разместил на странице изображение, но его углы закруглись, хоть в css-коде нет никакого связанного с этим стиля
Само изображение имеет прямые углы, то есть дело не в нем.Если открываю инспектор кода страницы, то появляется скругление border-radius: 0.25rem;. Не могу понять почему, ведь никаких border-стилей я не задавал.Вот HTML:
.section-info {
padding-left: 120px;
padding-top: 140px;
}
.cards {
max-width: 1110px;
padding-top: 102px;
display: flex;
align-items: flex-start;
/* перенос на след строку */
flex-wrap: wrap;
justify-content: space-between;
}
.card {
background-image: url(https://i.stack.imgur.com/D37fO.png);
background-repeat: no-repeat;
position: absolute;
width: 350px;
height: 360px;
padding-right: 30px;
margin-bottom: 30px;
}
.card:hover {
background: linear-gradient(0deg, rgba(0, 95, 163, 0.65), rgba(0, 95, 163, 0.65)), url(https://i.stack.imgur.com/D37fO.png);
}
.card-text {
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 27px;
line-height: 30px;
color: #FFFFFF;
padding-top: 261px;
padding-left: 45px;
}<div class="card">
<div class="card-text">
<p>Бухгалтерское <br>обслуживание</p>
</div>
</div>