.resim {
    background:transparent;
    padding:8px;
    border:1px solid #ccc;
    box-shadow:5px 5px 5px #999; 
	position: relative;
    display: inline-block;
    text-align: center;
	max-width: 300px;
}
.resim img {
      width: 100%;
      height: auto;
      display: block;
    }

 .yazi {
      padding: 10px;
      font-size: clamp(16px, 4vw, 24px);
	  font-weight: bold;
      color: #333;
      background-color: #f5f5f5;
    }
.cargoresim {
    background:transparent;
    padding:5px;
    border:1px solid #ccc;
    position: relative;
    text-align: center;
	max-width: 100px;
}
.cargoresim img {
      width: 100%;
      height: auto;
      display: block;
    }
.cargoyazi {
      padding: 10px;
      font-size: 14px;
	  font-weight: bold;
      color: #333;
      background-color: #f5f5f5;
    }

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}